Components
50 glossy, accessible components. Pick a color up in the header and the whole set recolors live.
Actions
Forms
Surfaces
Clear skies
A frosted-glass surface with a wet top sheen.
Compose a header, content, and footer, or drop in anything you like.
Card
Conditions are calm
The water is clear and the current is gentle today.
Filtered successfully
Every drop passed the clarity check.
Alert
Surface tension
The quiet skin atop still water.
Lake River Spring
Separator
RV
CL
MZ
Avatar bits-ui
Clear waters
- Lake Baikal
- Crater Lake
- Lake Tahoe
- Lake Bled
- Lake Louise
- Plitvice Lakes
- Lake Wakatipu
- Lago di Braies
- Moraine Lake
- Lake Hallstatt
- Lake Geneva
- Lake Como
- Lake Atitlan
- Lake Pukaki
- Lake Bohinj
Scroll Area bits-ui
16 / 9
Aspect Ratio bits-ui
| Source | Volume | Status |
|---|---|---|
| Rainfall | 1,240 L | Clear |
| Spring | 860 L | Clear |
| Reservoir | 3,500 L | Filtered |
Table
Nothing here yet
Your collection is dry. Add a source to start gathering water.
Empty
Spring water
Filtered and ready to bottle.
Item
⌘ K Press to search the depths.
Kbd
Overlays
Menus
Navigation
A calm summary of everything flowing through your space.
Recent ripples, sorted newest first.
Adjust how the water behaves to suit your flow.
Tabs bits-ui
Layered glass, soft refraction, and a wet sheen on top edges give every panel its clarity.
Yes. Shift a few tokens and the whole system ripples to match your chosen hue.
Every transition eases gently and respects reduced-motion preferences.
Accordion bits-ui
Water sources
Mountain spring
Glacial melt
Artesian well
Collapsible bits-ui
Breadcrumb
Pagination bits-ui