Welcome to the homepage of

GLITTER WAVE STUDIO

The web toolkit for people who think restraint is a rendering bug. Chrome type, tiled starfields, bevelled everything — shipped as one 14 KB stylesheet with a real 12-column grid hiding underneath the noise.

Download the Kit Read the Spec Join Webring

What's in the Box

// 6 modules // 0 dependencies

NEW

Chrome Type Engine

Nine-stop vertical gradients clipped to text, with a hard specular break at the 47–52% band. Falls back to solid accent fill where background-clip is unsupported. Ships with four presets: Silver, Solar, Bubblegum, and Deep Web.

Tiler

Six stacked background layers on a 56px star lattice and a 28px checker, fixed-attachment so the page appears to move over the field rather than with it.

Bevel Kit

Two-tone borders and a hard drop shadow. Every surface reads as pressable.

HOT

Marquee Pair

Duplicated-track scrollers running in opposite directions. Pauses on hover, stops entirely under reduced-motion.

Sparkle Field

Twelve independently-phased star glyphs seeded at load. Purely decorative and hidden from assistive tech.

The Grid Underneath

Every one of the panels above sits on the same 12-column, 24px-gutter grid — the rotations are 0.5° to 1.1° cosmetic transforms applied after placement. Nothing floats free. That is the whole trick: the chaos is a paint layer over an orderly skeleton, so the page survives a 390px viewport without a single horizontal scrollbar.

14KBgzipped

12columns

0dependencies

AAcontrast

Technical Spec

// build 4.0.2 // 2001-ish

glitterwave_spec.txt

Module weights and browser floor
Module	Size	Selectors	Requires	Status
chrome-type	2.1 KB	14	background-clip	Stable
tiler	1.4 KB	6	multiple backgrounds	Stable
bevel-kit	3.8 KB	31	—	Stable
marquee-pair	0.9 KB	8	keyframes	Stable
sparkle-field	1.2 KB	4	JS (optional)	Beta
pod-pricing	2.6 KB	19	grid	Stable
guestbook	2.0 KB	11	grid	Preview

Pick a Tier

// billed yearly // cancel anytime

Dial-Up

Chrome type, silver preset
Tiler with 2 lattices
Community webring listing
Attribution badge required

Start Free

Broadband

$18

All four chrome presets
Marquee pair + sparkle field
Bevel kit, full 31 selectors
Guestbook component preview
No badge required

Go Broadband

Fibre

$44

Everything in Broadband
Source SCSS + token map
Custom gradient stop editor
Priority inbox, 1 business day

Go Fibre

Guestbook

// 4 of 2,318 entries

Shipped our label's release page on Glitterwave in an afternoon. The bevel kit alone saved me from hand-tuning forty box-shadows. It looks unhinged and it passes contrast audit, which I did not think was legal.

I came for the chrome text and stayed for the grid. You can strip every gradient out and still have a competent 12-column layout underneath. That's the part nobody talks about.

Our conversion rate went up 11% after we swapped the flat CTA for a bevelled one. I have no explanation. I've stopped asking questions.

Reduced-motion support out of the box is the reason we could actually ship this to a public-sector client. Marquees stop dead, sparkles freeze, nothing else changes.