Circle Health

The Circle Health design system, installed by command.

Components, blocks, and themes that ship through the shadcn CLI. Copy a command, drop it into your project, keep editing the generated source.

Get startedBrowse components
pnpm dlx shadcn@latest add @circle-ui/circle

Featured

All showcases →
Booking
booking-timeline

Appointment Journey

End-to-end booking timeline composed from the new Figma-matched primitives.

Open block
Before the title
Title
Some content below the title that we can generally fill with more info
Onboarding Flow
Treatment information
Contracts
On the day
Prepare for your appointment
Take note of the following in advance of your appointment
Important
  • The treatment cannot take place if you're sick
  • Avoid heavy meals from 2h before
  • If you are actively exercising, choose only moderate training on the day of the IHHT treatment
Wed 18th, 10:15AM
Arrive 15 minutes early
Our practice is accessible by car, bus or train. Learn more
SS41, S42, S45, S46
UU2, U3, U9, U12
BUS166, M43
52.5200, 13.4050

GiesebrechtstraBe 20,

10629 Berlin

Mi. 18., 10:30 Uhr
Dein Termin beginnt
Flow
flow

Onboarding Step

Question-step flow with head, options, and sticky actions.

Open block

Treatment selection

Choose your IV plan

Explore

Components

Single-purpose primitives — buttons, inputs, layout pieces — composable into any product surface.

Open →

Blocks

Pre-assembled flows and domain patterns — checkout, booking, patient-results — built from components.

Open →

Themes

Token sets that define every Circle surface. Swap themes to restyle the whole product.

Open →