Calm interfaces for busy products
Crisp components for dashboards and admin tools: fresh green on cool slate, light and dark, five accents, and every line of it yours to copy.
npx shadcn@latest add https://ui-collections.vercel.app/r/tide/button.jsonFour dials, every screen.
Switch mode, accent, corners and surfaces. The whole site follows and remembers your choice while you browse the docs. Copy the attributes into your own <html> when it feels right.
Theme
Saved in this browser:root {
--aurora-strength: 0;
}
<html
data-mode="light"
data-accent="green"
data-radius="balanced"
data-surface="bordered"
>Move the pointer across this card, then change a dial.
Small pieces, one quiet language.
Each one is a single file you own. Install it with one command and its dependencies come along.
Clear numbers, calm screens and components your team can reshape in an afternoon, not a quarter.
Quiet by design.
glass
Want something more cinematic? The same components as liquid glass on deep teal.
Hi, I'm Serkan Baykal.
I'm a software developer. These collections hold the interface pieces I reach for again and again, refined until they are fast, accessible and consistent.
Each collection is its own design language over the same components. tide is one of them.