Collection of hand-picked free HTML and CSS glow (neon) text effect code examples from codepen and other resources. Update of July 2019 collection. 4 new items.

Related Articles

  1. CSS Text Effects
  2. CSS Text Shadow Effects
  3. CSS 3D Text Effects
  4. CSS Text Animations
  5. CSS Text Glitch Effects
  6. CSS Typing Text Effects

Author

  • Sathya

Made with

  • HTML / CSS (SCSS)

About a code

Check Me Out Glow Text

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Demo image: Neon Light Text

Author

  • Sarah Fossheim

Made with

  • HTML / CSS

About a code

Neon Light Text

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

  • George W. Park

Made with

  • HTML / CSS

About the code

Black Mirror Cracked Text Effect

This example shows how pure CSS can be used to re-create the cracked text effect from the Black Mirror TV show intro.

Compatible browsers: Chrome, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Demo image: Shimmering Neon Text

Author

  • Comehope

Made with

  • HTML / CSS

About the code

Shimmering Neon Text

Pure CSS shimmering neon text.

Compatible browsers: Chrome, Firefox, Opera, Safari

Dependencies: -

Demo image: Flickering Neon Sign Effect Using CSS Text & Box Shadow

Author

  • George W. Park

Made with

  • HTML / CSS

About the code

Flickering Neon Sign Effect Using CSS Text & Box Shadow

This pen shows how the CSS text-shadow and box-shadow properties can be animated to create a flickering neon sign effect. Neon text and border color can be individually changed by updating their respective CSS variables.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Demo image: CSS Neon

Author

  • Mark Heggan

Made with

  • HTML / CSS (SCSS)

About the code

CSS Neon

Simple animated neon effect created with CSS.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Demo image: Neon Text Effect

Author

  • Matt Smith

Made with

  • HTML / CSS

About the code

Neon Text Effect

I saw this quote written in neon in the movie "Atomic Blonde" and I got inspired.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Demo image: Neon Text Flicker Glow

Author

  • Johan Girod

Made with

  • HTML / CSS / JavaScript

About the code

Neon Text Flicker Glow

Neon text flicker glow with HTML, CSS and JavaScript.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Demo image: Bill 🚀👽 🌀 Paxton Tribute - Glow Text

Author

  • Just another Chris

Made with

  • HTML (Pug) / CSS (SCSS) / JavaScript

About the code

Bill 🚀👽 🌀 Paxton Tribute - Glow Text

The greatest man to battle a Terminator, a Predator a Xenomorph, and an F5 Tornado.

Compatible browsers: Chrome, Firefox, Opera, Safari

Dependencies: -

Demo image: Glowing Text

Author

  • Bennett Feely

Made with

  • HTML / CSS (SCSS)

About the code

Glowing Text

HTML and CSS glowing text.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Demo image: Neon Flux

Author

  • Thomas Trinca

Made with

  • HTML / CSS

About the code

Neon Flux

A pulsing neon sign made using many overlaid text-shadows.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Demo image: Neon text-shadow Effect

Author

  • Erik Jung

Made with

  • HTML / CSS / JavaScript

About the code

Neon text-shadow Effect

Neon text-shadow effect in HTML, CSS and JavaScript.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Author

  • Makan

Made with

  • HTML / CSS

About the code

Blazing Fire

Animated text effects using CSS3 text-shadow to give text headers a blazing flame.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Demo image: Typography Text Neon

Author

  • Prima Utama Apriansyah

Made with

  • HTML / CSS

About a code

Typography Text Neon

Text design (typography) with neon effect.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -