22+ CSS Glow Text Effects

Do you want to draw the attention of your site visitors to a specific text? Well, look no where else. In this post, we are presenting 22+ HTML and CSS glow text effect examples that we collected from GitHub and Codepen.

Our compilation provides unique and stylish glow text effects that web designers or developers can use to highlight key information a on their web site. Each text effect in our collection is visually appealing, helping you to add a glowing outline or shadow around text effortlessly.

We’ve carefully selected each code snippet of the glow text effect, ensuring it aligns with the modern design trend and enhances the user experience of your website or webpage. Let’s explore our top CSS glow text effect code examples and easily incorporate a striking or futuristic effect on your website’s text.

1. Glowing Text

See the Pen <a href="https://codepen.io/prathkum/pen/KKzdXpY"> Glowing Text</a> by Pratham (<a href="https://codepen.io/prathkum">@prathkum</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Pratham
Source: Code / Demo
Created on: AUGUST 11, 2020
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

2. Glowing Text Typography Effect

See the Pen <a href="https://codepen.io/Anmolp/pen/WNGEOjm"> CSS glowing text typography effect</a> by Anmol P (<a href="https://codepen.io/Anmolp">@Anmolp</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Anmol P
Source: Code / Demo
Created on: DECEMBER 21, 2020
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

3. Neon

See the Pen <a href="https://codepen.io/markheggan/pen/LjrVYN"> Neon</a> by Mark Heggan (<a href="https://codepen.io/markheggan">@markheggan</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Mark Heggan
Source: Code / Demo
Created on: AUGUST 23, 2017
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS)

4. CSS Neon Sign

See the Pen <a href="https://codepen.io/ananyaneogi/pen/Bgozrz"> CSS Neon Sign</a> by Ananya Neogi (<a href="https://codepen.io/ananyaneogi">@ananyaneogi</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Ananya Neogi
Source: Code / Demo
Created on: JUNE 13, 2019
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

5. Blazing Fire

See the Pen <a href="https://codepen.io/makan/pen/yyjRZx"> Blazing Fire</a> by Makan (<a href="https://codepen.io/makan">@makan</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Makan
Source: Code / Demo
Created on: FEBRUARY 25, 2015
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

6. Glowing Text Animation

See the Pen <a href="https://codepen.io/habibjh88/pen/JwOwyz"> Glowing text animation</a> by Habib (<a href="https://codepen.io/habibjh88">@habibjh88</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Habib
Source: Code / Demo
Created on: JANUARY 1, 2019
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

7. Neon Text Flicker Glow

See the Pen <a href="https://codepen.io/ganceab/pen/YZvKLQ"> Neon text flicker glow</a> by Johan Girod (<a href="https://codepen.io/ganceab">@ganceab</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Johan Girod
Source: Code / Demo
Created on: MARCH 23, 2017
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS, JavaScript

8. Bill Paxton Tribute – Glow Text

See the Pen <a href="https://codepen.io/chrissimmons/pen/WprrQe"> Bill 🚀👽 🌀 Paxton Tribute – Glow Text</a> by Just another Chris (<a href="https://codepen.io/chrissimmons">@chrissimmons</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Just another Chris
Source: Code / Demo
Created on: MARCH 1, 2017
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML(Pug), CSS(SCSS), JavaScript

9. Neon Text Effect

See the Pen <a href="https://codepen.io/AllThingsSmitty/pen/VzXrgY"> Neon Text Effect</a> by Matt Smith (<a href="https://codepen.io/AllThingsSmitty">@AllThingsSmitty</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Matt Smith
Source: Code / Demo
Created on: AUGUST 21, 2017
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

10. Neon Light Text

See the Pen <a href="https://codepen.io/fossheim/pen/PoqKoLY"> Neon light text</a> by Sarah Fossheim (<a href="https://codepen.io/fossheim">@fossheim</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Sarah Fossheim
Source: Code / Demo
Created on: MARCH 03, 2020
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

11. Typography Text Neon

See the Pen <a href="https://codepen.io/primaapriansyah/pen/ExxGyj"> Efek Typography Text Neon part 1</a> by Prima Utama Apriansyah (<a href="https://codepen.io/primaapriansyah">@primaapriansyah</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Prima Utama Apriansyah
Source: Code / Demo
Created on: MARCH 06, 2014
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

12. Neon Sign

See the Pen <a href="https://codepen.io/technomancy/pen/QbrozK"> Neon sign</a> by Levi Robertson (<a href="https://codepen.io/technomancy">@technomancy</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Levi Robertson
Source: Code / Demo
Created on: JULY 12, 2015
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

13. Glowing Text-Music Inspired

See the Pen <a href="https://codepen.io/bennettfeely/pen/BzGVZr"> Glowing text</a> by Bennett Feely (<a href="https://codepen.io/bennettfeely">@bennettfeely</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Bennett Feely
Source: Code / Demo
Created on: AUGUST 09, 2016
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS)

14. Black Mirror Cracked Glowing Text Effect

See the Pen <a href="https://codepen.io/GeorgePark/pen/jeBbGN"> Black Mirror Cracked Text Effect</a> by George W. Park (<a href="https://codepen.io/GeorgePark">@GeorgePark</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: George W. Park
Source: Code / Demo
Created on: OCTOBER 9, 2018
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

15. CSS Glowing Fire Animated Text

See the Pen <a href="https://codepen.io/zFunx/pen/BZpdaa"> Glowing text</a> by zFunx (<a href="https://codepen.io/zFunx">@zFunx</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: zFunx
Source: Code / Demo
Created on: JUNE 17, 2017
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

16. Flickering Glowing Text

See the Pen <a href="https://codepen.io/7low/pen/VOBrpr"> flickering glowing text</a> by t1llo (<a href="https://codepen.io/7low">@7low</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: t1llo
Source: Code / Demo
Created on: MAY 28, 2019
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

17. Check Me Out Glow Text

See the Pen <a href="https://codepen.io/sathyaram/pen/xxgLoew"> Check Me Out Glow Text</a> by Sathya (<a href="https://codepen.io/sathyaram">@sathyaram</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Sathya
Source: Code / Demo
Created on: APRIL 7, 2021
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS)

18. CSS Glow Text Effect

See the Pen <a href="https://codepen.io/daskamal/pen/ExKLbBY"> CSS glow text effect</a> by KAMAL DAS (<a href="https://codepen.io/daskamal">@daskamal</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: KAMAL DAS
Source: Code / Demo
Created on: SEPTEMBER 12, 2020
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

19. Neon Flux

See the Pen <a href="https://codepen.io/Trinca/pen/NrvpWa"> Neon Flux</a> by Thomas Trinca (<a href="https://codepen.io/Trinca">@Trinca</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Thomas Trinca
Source: Code / Demo
Created on: JULY 07, 2016
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

20. Noble Gasses / Flourescent Lights [cpc-gas]

See the Pen <a href="https://codepen.io/CITguy/pen/yLaZZbO"> Noble Gasses / Flourescent Lights [cpc-gas]</a> by Ryan Johnson (<a href="https://codepen.io/CITguy">@CITguy</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Ryan Johnson
Source: Code / Demo
Created on: JANUARY 19, 2021
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS)

21.CSS Animated Neon Sign

See the Pen <a href="https://codepen.io/nodws/pen/WNjXbr"> CSS animated Neon Sign</a> by Nodws (<a href="https://codepen.io/nodws">@nodws</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Nodws
Source: Code / Demo
Created on: JUNE 06, 2014
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

22. Pure CSS Matrix

See the Pen <a href="https://codepen.io/lxsmnsyc/pen/zLmBjr"> Pure CSS Matrix</a> by Alexis Munsayac (<a href="https://codepen.io/lxsmnsyc">@lxsmnsyc</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Alexis Munsayac
Source: Code / Demo
Created on: AUGUST 7, 2018
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS)

23. Shimmering Neon Text

See the Pen <a href="https://codepen.io/comehope/pen/GBwvxw"> Shimmering neon text</a> by Comehope (<a href="https://codepen.io/comehope">@comehope</a>) on <a href="https://codepen.io">CodePen</a>. Author: Comehope
Source: Code / Demo
Created on: AUGUST 09, 2018
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS