Effect 01 · Aceternity Aurora + Spotlight

Motion that makes a shop
look the part.

An animated aurora background and sweeping spotlight beam — ported from Aceternity's Framer Motion components into pure CSS, running in our static Tailwind stack.

See the next effect 0 JS · pure CSS keyframes

Effect 02 · componentry.fun reveal + gradient border

Cards that arrive as you scroll

Framer Motion's whileInView becomes an IntersectionObserver; the rotating conic border is a CSS @property animation.

Reveal on view

Each card fades + lifts in once it crosses the viewport. Staggered so the row feels alive, not all-at-once.

Animated border

A single accent arc sweeps the perimeter via a rotating conic-gradient — no images, no JS, GPU-cheap.

On-brand

Same tokens as production — accent red, glass cards, Unbounded display. The effect ports without touching the system.

Effect 03 · dotmatrix.zzzzshawn.cloud loader

A loading state with personality

The shadcn dot-matrix loader, rebuilt as a CSS grid of dots with a staggered wave pulse. Drop it in front of form submits or async loads to keep the brand present while the user waits.