glasscn
shadcn registry · 50 components & blocks

Glass, for shadcn.

Frosted surfaces over a living aurora, iOS-grade controls and data pieces — installed as source with the shadcn CLI, themed entirely with CSS variables.

pnpm dlx shadcn@latest add https://glasscn.app/r/glass-style.json https://glasscn.app/r/theme-dusk.json
Browse components Make it yours
Today
Three rings, closing as the day goes.
Chain
18 of 25 nights
This week
3 of 7
Kept
118%
18
Chain
311
Nights
12%
71%
Kept
3%
Sleep
7.2 hours last night
Last 39 weeks
Every night written, brighter when the promise was kept.
Mon
Wed
Fri
Sun
Jan
Feb
Mar
Apr
May
Jun
Jul
Aug
Sep
Oct
LessMore
shadcn's APIs, in glass
Button, Card, Dialog, Tabs… keep their props and parts. Swapping is an import path: @/components/ui → @/components/glass.
Tokens all the way down
Frost, rim, blur, saturation, aurora — every one a CSS variable. Two hooks (--glass-bg, --glass-elevation) restyle any surface from a class.
Web and React Native
The same palettes ship for Expo: Liquid Glass on iOS 26, blur on older iOS, a fill on Android, backdrop-filter on the web.

Controls that feel like iOS

Sliding thumbs, springy switches, squash on press. Try them.

Evening reminder
Intensity 62%
KeptWorkDraft

Data that wears the theme

Charts, meters and lists with no colours of their own — switch palettes and they follow.

Sleep stages
Hours per night, last 10 nights
  • Deep
  • REM
  • Light
Where the minutes went
Active time this week
535minutes
  • Run
  • Strength
  • Yoga
  • Walk
  • Swim
Morning run22 of 30 days
Sep 1Sep 30
HabitDays this month
  • Walk 8k steps26/30
  • Read 20 pages22/30
  • Lights out by 1119/30
  • Strength session12/30
  • Meditate8/30
78Recovery
5.2hof 8h

A chat, out of the box

Threads, bubbles, typing states and a composer — it owns no messages and no networking, just glass.

Today
You wrote every evening this week.
What made it easier?
Writing right after dinner, before the phone.
Read 9:41 PM
Streak saved · 7 days
Mood & energy
Evening check-ins, last 14 days
  • Mood
  • Energy
Readiness62

Low · Fair · Good · Peak

Blocks

Whole screens, ready to wire up: a dashboard, Settings, sign-in.

Account

Evening

Remind me to write
Reminder time9:00 PM

One quiet nudge each evening. Silent while the app is open.

Appearance

Frost 28px
Welcome back
Sign in to pick up where you left off.
Forgot?
or
New here? Create an account

Copy it. Own it.

Like every shadcn registry, glasscn writes source into your repo. No package to update, nothing to fight.

Install glasscn