25+ Stunning CSS Glow Text Effects (Open Source)
These 100% free and awesome CSS glow text effect code examples will help you make your website look a lot better. Your visitors will notice the difference for sure.
1. Neon Text In CSS
Simple animated neon effect created with CSS.
Author: Mark Heggan (markheggan)
Links: Source Code / Demo
Created on: August 22, 2017
Made with: HTML, SCSS
Tags: neon, sign, typography, animation, glow
2. Neon Text-Shadow Effect
Author: Erik Jung (erikjung)
Links: Source Code / Demo
Created on: February 27, 2016
Made with: HTML, CSS, JS
3. Black Mirror CSS Cracked Text Effect
This pen shows how pure CSS can be used to re-create the cracked text effect from the Black Mirror TV show intro.
Author: George W. Park (GeorgePark)
Links: Source Code / Demo
Created on: October 9, 2018
Made with: HTML, CSS
Tags: css, animation, black-mirror, text-effect, split
4. 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.
Author: George W. Park (GeorgePark)
Links: Source Code / Demo
Created on: December 21, 2017
Made with: HTML, CSS
Tags: css, text, shadow, neon, animation
5. Neon Text Effect
I saw this quote written in neon in the movie "Atomic Blonde" and I got inspired.
Author: Matt Smith (AllThingsSmitty)
Links: Source Code / Demo
Created on: August 20, 2017
Made with: HTML, CSS
Tags: neon, text, neon text, text-effect
6. Neon Flux
A pulsing neon sign made using many overlaid text-shadows.
Author: Thomas Trinca (Trinca)
Links: Source Code / Demo
Created on: July 6, 2016
Made with: HTML, CSS
Tags: neon, animated, css, flashing, sign
7. Neon Text Flicker Glow
Author: Johan Girod (ganceab)
Links: Source Code / Demo
Created on: March 23, 2017
Made with: HTML, CSS, JS
8. Bill 🚀👽 🌀 Paxton Tribute - Glow Text
The greatest man to battle a Terminator, a Predator a Xenomorph, and an F5 Tornado
Author: Just another Chris (chrissimmons)
Links: Source Code / Demo
Created on: March 1, 2017
Made with: Pug, SCSS, JS
CSS Pre-processor: SCSS
JS Pre-processor: None
HTML Pre-processor: Pug
9. Glowing Text, Music Inspired
glowing text using CSS keyframes, inspired by good feelings, a good song, and a tattoo 🤘
Author: amber (ambermdesign)
Links: Source Code / Demo
Created on: January 25, 2020
Made with: HTML, SCSS
Tags: music inspired
10. Neon Glow Letters
Author: Val Head (valhead)
Links: Source Code / Demo
Created on: June 7, 2014
Made with: HTML, SCSS
11. Neon Glow
Designed for use with Chrome. Hover them :)
Author: Felix Rilling (FelixRilling)
Links: Source Code / Demo
Created on: March 1, 2014
Made with: HTML, CSS, JS
Tags: css, font, ui
12. Css Neon Text Effect
Author: Nadeesha Eranjan (nadeeshae)
Links: Source Code / Demo
Created on: December 17, 2018
Made with: HTML, CSS
Tags: css neon text effect, css text effect, css neon text, neon text effect, neon text
13. Neon Text
Author: Maria Freire (mariaFreire)
Links: Source Code / Demo
Created on: January 3, 2019
Made with: HTML, CSS
Tags: neon text, css
14. Glowing Text
Author: Shaiq Kar (kar_shaiq)
Links: Source Code / Demo
Created on: August 21, 2018
Made with: HTML, CSS
Tags: glowing-text, css text effects, text-effects, modern text, neon text
15. NEON TEXT
Glowing Neon Text Animation Using CSS
Author: Mohammad H Alijany (mh_alijnay)
Links: Source Code / Demo
Created on: May 24, 2018
Made with: HTML, CSS
Tags: css text effect, glowing-text, neon, neon text, neon effect
16. Neon Text
Author: Mohammad Ali Fallahi (mafallahi)
Links: Source Code / Demo
Created on: August 28, 2016
Made with: HTML, CSS
Tags: neon text, neon, shadow, light
17. Neon Text CSS Animation
Neon text shadow animation effect on hover
Author: mcolo (mcolo)
Links: Source Code / Demo
Created on: March 2, 2018
Made with: HTML, SCSS
Tags: neon, neon text, neon animation, neon text effect, neon css animation
18. CSS Pulsing/broken Neon Animation
Author: Magda (woolandcotton)
Links: Source Code / Demo
Created on: September 20, 2017
Made with: HTML, SCSS
Tags: css neon, css-animation, neon animation, letter animation
19. Neon With CSS3 Animation
Neon example using only CSS3 and AngularJS to change the text that appears with the animation. I hope you enjoy!
Author: Adriano Interaminense (interaminense)
Links: Source Code / Demo
Created on: March 18, 2016
Made with: HTML, SCSS, JS
Tags: neon with css3, neon animation, neon light, neon css3, interaminense
More Awesome Lists:
Share: