The design system extracted from this very website - synthwave gradients, neon glow utilities and a laser grid horizon, all CSS only.
Why
Every synthwave site rebuilds the same five effects. NeonGrid packages them as Tailwind ready utilities so the next one can start at “already looks great”.
Inside the box
- Neon text glows in pink and cyan
- Card surfaces with inner light bleed
- The retro sun, striped by mask - no images
- Horizon grid with perspective masking
Usage
<div class="neon-border card-surface">
<h3 class="neon-cyan-text">Ready to glow</h3>
</div>It starts as copy-paste - extraction happens when there is time to do it right.