Prism — CSS studios
Production-grade CSS,
designed in the browser.
Five focused studios for gradients, shadows, glass, palettes, and easing. Zero accounts. Zero ads. Copy-paste CSS that ships.
The studios
Five tools. One coherent surface.
Every card below renders an actual mini preview using the same primitives the full studios use. No screenshots, no mockups.
- Open studio →
01 / Gradient
Gradient & Mesh
Linear, radial, conic. Multi-stop control. Animated mesh backdrops with one toggle.
- Open studio →
02 / Shadow
Shadow composer
Stack layered box-shadows to build depth. Tune offset, blur, spread, tint per layer.
- Open studio →
03 / Glass
Glassmorphism
Frosted surfaces with backdrop-filter. Blur, saturation, tint and border opacity.
- Open studio →
04 / Palette
Palette generator
Harmonic five-colour palettes with WCAG contrast grading and tint/shade ramps.
- Open studio →
05 / Easing
Easing playground
Drag the handles of a cubic-bezier curve. Watch the ball loop the motion live.
Why Prism
Tools that respect the work.
Zero auth
Open the URL, use the tool. No sign-up, no email gate, no tracking script.
Copy-ready CSS
Output is plain CSS. Paste into any framework, Tailwind config, or design token file.
Keyboard-first
Every studio is fully keyboard-reachable with shortcuts for the actions you reach for most.