Alpha

Hey, you're seeing an early version. I'm actively working on this project. Feel free to drop suggestions at hi@kshv.me or @kshvbgde.

Box shadow

Layered shadows on real UI. Presets or build your own.

CSS

box-shadow: 0px 1px 0px 0px oklch(18% 0.02 285 / 0.05), 0px 0px 8px 0px oklch(18% 0.02 285 / 0.1);

Tailwind

shadow-[0px_1px_0px_0px_oklch(18%_0.02_285_/_0.05),_0px_0px_8px_0px_oklch(18%_0.02_285_/_0.1)]

1 of 3 Card

Card

Shadow sits on the surface.

Search tools

Jump to a tool