- Accordion
- Alert
- Alert Dialog
- Aspect Ratio
- Avatar
- Badge
- Breadcrumb
- Button
- Button Group
- Calendar
- Card
- Carousel
- Chart
- Checkbox
- Code Block
- Collapsible
- Combobox
- Command
- Context Menu
- Copy Button
- Data Table
- Date Picker
- Dialog
- Drawer
- Dropdown Menu
- Empty
- Field
- Form
- Hover Card
- Input
- Input Group
- Input OTP
- Item
- Kbd
- Label
- Menubar
- Native Select
- Navigation Menu
- Page Header
- Pagination
- Panel
- Popover
- Progress
- Radio Group
- Resizable
- Scroll Area
- Section Header
- Select
- Separator
- Sheet
- Sidebar
- Skeleton
- Slider
- Sonner
- Spinner
- Stat
- Stat Card
- Switch
- Table
- Tabs
- Textarea
- Theme Toggle
- Toggle
- Toggle Group
- Tooltip
- Typography
Introduction
A registry of accessible components styled in the Swiss design tradition, installable with the shadcn CLI.
What is Swiss UI?
Swiss UI is a component registry for shadcn/ui. Every component is a Base UI (base-nova) primitive restyled in the International Typographic Style: a strict neutral oklch palette, zero border radius, hairline borders, and a single signal accent. Components are copied into your codebase, so you own and can modify every line.
Installation
Install the Swiss theme once, then add components with the shadcn CLI. See the installation guide for the full walkthrough.
Theming
The design tokens live in your global stylesheet as oklch CSS variables: a monochrome palette, a single signal accent, the zero-radius scale, and the .label utility for uppercase mono microlabels. See the theming guide for the full palette, dark mode, and examples.