Skip to the pieces

Browse Kit Docs Pricing

Start free Founder Pass · $99

Browse everything Filter the list

All Free Pass

Free to use The UI kit Roadmap

Docs

Start here8

Introduction Start free Installation Using a framework Using it with Claude and Cursor Install with shadcn, and MCP Licence What’s new

Owning it4

Getting your files Updates Free and paid Refunds and receipts

Foundations24

Finishes and themes Tune it to your brand Volumes Lamps and aurora Materials Light and depth Colour Type Spacing

Layout

Stack Grid Container Voice and copy Accessibility States Motion

Typography

Heading Text Prose Quote Printed list Inline code Mark Caption

How it works4

How the Odometer carries Odometer, odometer.js, NumberFlow How the Chladni Plate works How the Pin Screen works

Library

Objects30

All 30 objects, on one page

Surfaces4

Pin Screen Filings Ferrofluid Chladni Plate Surfaces, side by side

Dials & knobs3

Detent Dial CompassFree Search Dial Dials & knobs, side by side

Displays & signs7

Annunciator Flip-Dot OdometerFree Receipt Printer Phosphor Scope Spectroscope Cloth Beacon Displays & signs, side by side

Reveals4

Iris Reeded Glass Ring-bound Notebook

Also here: Spectroscope

Reveals, side by side

Gauges2

Also here: Compass

Gauges, side by side

Globes1

Globe Globes, side by side

Maps1

Map Maps, side by side

Switches & pulls2

Pull-cord BulbFree Cloth Fader Switches & pulls, side by side

Players1

Cassette Players, side by side

Games7

Simon Reaction Timer Stack Tower Snake Dash Quarry Spall Games, side by side

Blocks51

All 51 blocks, on one page

Announcements2

Venue Marquee Ticker Announcements, side by side

Backgrounds3

Fluted Glass Hero Aluminium Plate Hero Morning Blinds Hero Backgrounds, side by side

Bento grids2

Instrument Rack Specimen Case Bento grids, side by side

Calls to action2

Attract CTA Hand Press Launch Calls to action, side by side

Clients2

Engraved Client PlatesFree Nameplate Wall Clients, side by side

Comparisons1

Spec Sheet Comparisons, side by side

Contact2

Dispatch Switchboard Contact, side by side

404 & errors2

Pin 404 Field 404 404 & errors, side by side

FAQs2

FAQ IndexFree Answer Desk FAQs, side by side

Features7

Cloth-lit CubesFree Synth Panel Thermostat Pocket Player Patch Bay

Also here: Instrument Rack, Specimen Case

Features, side by side

Footers2

Machined FooterFree Colophon Footers, side by side

Galleries2

Portfolio Iris Light Table Galleries, side by side

Heroes6

Impression Hero Iron Hero Dark Hero Speaker Launch Camera Launch Hi-Fi Volume Heroes, side by side

Integrations2

Also here: Patch Bay

Integrations, side by side

Navigation menus2

Rail Drop Tray Navigation menus, side by side

Loading & progress4

Shutter Preloader Warm-up Processing State Upload Vessel Loading & progress, side by side

Pricing sections2

Pricing Drums Tariff Slide Pricing sections, side by side

Long reads2

Reading Progress Proof Sheet Long reads, side by side

Stats & KPIs4

Goal Tally Trip Computer Scoreboard

Also here: Cloth-lit Cubes

Stats & KPIs, side by side

Status boards2

Departures Board

Also here: Scoreboard

Status boards, side by side

Team sections1

Roll Call Team sections, side by side

Testimonials1

Rotary File Testimonials, side by side

Fundraising2

Crowdfund Flask

Also here: Goal Tally

Fundraising, side by side

Kit parts190

All 190 kit parts, on one page

Accordions2

AccordionFree CollapsibleFree Accordions, side by side

AI chats13

Chat Tool call Reasoning Sources AI approval flow MessageFree Composer Suggestion chipsFree Model picker Token meter Message actions Agent run Plan steps AI chats, side by side

Alerts3

AlertFree BannerFree CalloutFree Alerts, side by side

Avatars3

AvatarFree Profile card ID plate Avatars, side by side

Lit surfaces4

Brushed metalFree Lamp poolFree Grille moiré Louvre light Lit surfaces, side by side

Badges & tags6

TagFree StatusFree LampFree Tag input Chip groupFree Sync statusFree Badges & tags, side by side

Buttons9

KeyFree Icon key Commit key Kbd Button group Toggle keyFree Copy keyFree ToolbarFree Split button Buttons, side by side

Calendars & date pickers4

Calendar Date picker Date field Time field Calendars & date pickers, side by side

Cards & panels10

PanelFree Tray Split panes Grille and cloth Hover card Choice cardFree SeparatorFree Divider with labelFree

Also here: Profile card, ID plate

Cards & panels, side by side

Carousels2

Carousel Film strip Carousels, side by side

Charts18

LED bar chart Needle gauge Ring meter Chart recorder Lamp heatmap LED matrix Plot Glass SparklineFree BarsFree Uptime strip Stacked bars Scatter Radar Treemap Funnel Waterfall Candlestick Charts, side by side

Checkboxes3

CheckFree Checklist

Also here: Choice card

Checkboxes, side by side

Code & devtools8

Code blockFree Install snippetFree Terminal JSON viewer Diff view Log stream Key-value editor Secret field Code & devtools, side by side

Dialogs5

Dialog Command palette Drawer Alert dialog Bottom sheet Dialogs, side by side

Dropdowns & menus3

Menu Context menu Menubar Dropdowns & menus, side by side

Empty states4

Empty stateFree Empty tray Error stateFree ResultFree Empty states, side by side

File trees3

File tree Drawer index Column browser File trees, side by side

File uploads2

Drop zone File fieldFree File uploads, side by side

Forms20

FieldFree Form validation Combo Stepper Sign-in Scrub fieldFree Tumbler lock Log pad Cloth selector Password fieldFree FieldsetFree Settings rowFree Duration field Colour picker Phone field Money field Rich editor

Also here: File field, Date field, Time field

Forms, side by side

Icons3

Icons Icon picker

Also here: Icon key

Icons, side by side

Inputs22

Combobox Input group Search fieldFree Inline editFree Multi-select

Also here: Field, Combo, Date picker, Scrub field, Tumbler lock, Tag input, Drop zone, Log pad, Password field, File field, Date field, Time field, Duration field, Colour picker, Phone field, Money field, Rich editor

Inputs, side by side

Knobs2

Knob Setup dial Knobs, side by side

Lists6

List Sortable list ListboxFree Virtual list

Also here: ID plate, Settings row

Lists, side by side

Media frames3

Lightbox Aspect ratio Media bar Media frames, side by side

Loaders5

Skeleton SpinnerFree Loading overlayFree

Also here: Lamp, Commit key

Loaders, side by side

Navigation9

Bar Side rail Icon rail TabsFree PaginationFree Page wheel Link Breadcrumb Navigation menu Navigation, side by side

Notifications4

Notifications Ticket toast

Also here: Alert, Banner

Notifications, side by side

Numbers5

Readout LCD VFD Stat tile

Also here: Scrub field

Numbers, side by side

Onboarding3

Onboarding Tour

Also here: Setup dial

Onboarding, side by side

Popovers4

Popover Popconfirm

Also here: Menu, Hover card

Popovers, side by side

Progress6

Progress Ladder MeterFree Battery Pipeline

Also here: Ring meter

Progress, side by side

Radio groups6

RadioFree Selector Segmented control RatingFree

Also here: Cloth selector, Choice card

Radio groups, side by side

Receipts & tickets2

Also here: Ticket toast

Receipts & tickets, side by side

Scroll areas3

Scroll area Loupe scroll Page loupe Scroll areas, side by side

Selects6

SelectFree Tree select

Also here: Combo, Combobox, Multi-select, Listbox

Selects, side by side

Sliders & faders3

Also here: Scrub field

Sliders & faders, side by side

Spec lists2

Spec list Order summary Spec lists, side by side

Tables6

TableFree Data table Data grid Table toolbar Bulk bar Compare table Tables, side by side

Text areas5

Text areaFree Mention field

Also here: Log pad, Composer, Rich editor

Text areas, side by side

Timelines2

Timeline Day agenda Timelines, side by side

Toasts3

ToastFree Progress toast

Also here: Ticket toast

Toasts, side by side

Toggles & switches7

SwitchFree Rocker Toggle group

Also here: Segmented control, Cloth selector, Toggle key, Chip group

Toggles & switches, side by side

Tooltips3

TooltipFree ToggletipFree

Also here: Hover card

Tooltips, side by side

Templates25

All 25 templates, on one page

Dashboard5

Dashboard · Hearth Agent console · Lode On-call · Tocsin Budgeting app · Tally Appointment book · Diary Dashboard, side by side

SaaS9

Website · Quiet Billing · Plumb Analytics · Sounding Funnels · Sluice Chat app · Parley Settings · Bureau Support inbox · Mailroom Writing app · Writer

Also here: Agent console · Lode

SaaS, side by side

Landing page2

Also here: Website · Quiet

Landing page, side by side

Admin panel8

Shop back office · Counter Project board · Board

Also here: Agent console · Lode, On-call · Tocsin, Billing · Plumb, Settings · Bureau, Appointment book · Diary, Support inbox · Mailroom

Admin panel, side by side

Portfolio2

Portfolio · Maas & Veld Case-study portfolio · Casebook Portfolio, side by side

Blog2

Blog · The Slackwater Log Company blog · The Gantry Bulletin Blog, side by side

Documentation2

Docs · Switchyard Release notes · Halyard Documentation, side by side

E-commerce3

Checkout · Calder

Also here: Shop · Aldous, Shop back office · Counter

E-commerce, side by side

Authentication2

Sign-in · VaultFree Account pages · Porter Authentication, side by side

Nothing called “”. Try fewer letters, or search everything with Ctrl K.

Sound

Theme

LightDark

Finish

Volume

TactileQuiet

Wood

Your accountSign in, or see your Pass

Objects

Globes

1 piece. Every card is running; touch it.

Globe
Object

TACTILE UI

Interface objects with real physics, made by hand.

Product

Browse Kit Pricing What’s new Roadmap

Learn

Start free Docs Blog llms.txt

Legal

Licence Terms Privacy

FOUNDER SEATS

100/100

OPENS 27 OCT · 09:00 UK

© MMXXVI Ciprian Titire · hire me at titi.rellms.txt