The library

Techniques, not templates

Every trick recreated from the source video as a live, self-contained demo. Search, filter, open, steal.

1 / 4

Neon Sign: The Letters Are White

The letters are white. Every bit of color is in the shadow behind them, which is why this reads as glass and gas rather than as colored text. Four shadows do it, at 4, 12, 28 and 60 pixels: the first is white and tight so the glyph keeps a hot core, and the other three are the hue, each wider than the last. Stacking them is what makes the falloff, since a single large blur only ever gives a flat halo. The border is the same tube bent into a rectangle, the shadow stack repeated as box-shadow outward and inward so it lights both the wall behind it and the air it encloses. One custom property carries the color, so a swatch sets --neon and nothing else.

animationcssglowtext-effecttext-shadow

2 / 4

Animated Gradient Text Glow

One gradient, clipped to the glyphs and animated by background-position, fills the text; a pseudo-element repeats the same clipped gradient behind it and blurs it into a halo that travels with the color. Two details make or break it. The glow copy must be set in the same font as the heading — leave the size on the wrapper and an h1 takes its 2em default, so the halo renders at half scale and reads as a smudge beside the word rather than light coming off it. And the wrapper needs isolation: isolate, because z-index: -1 without a stacking context of its own drops the glow behind the page background instead of behind the text. The gradient repeats its first color last, so the loop has no seam.

animationcssgradientglowtext effectbackground-clip

3 / 4

Pure CSS Neon Glow Text

This effect creates a realistic neon glow around text by stacking multiple text-shadows with increasing blur. A subtle, intermittent opacity flicker animates the text, mimicking a buzzing neon tube.

animationcssglowtext-effecttext-shadowneon

4 / 4

Glass + Glow Button

A modern button design featuring a translucent gradient background, a blurred backdrop-filter for a glass-like appearance, and a vibrant glowing shadow. It reacts subtly on hover and reveals an animated background blur.

animationcsshoverbuttonglassmorphismglow