Inkbox design system
Every component, token and rule for building Inkbox interfaces, drawn from the console's design. 68 components, each with examples and source.
Install the CLI
Run once from the project root. It adds the brand stylesheet, the fonts and the agent instructions.
npm install --save-dev github:anwarlemu/inkbox-brand-cli#releasenpx inkbox-ds initAdd components
Components need React 19.2 or later, Tailwind CSS 4 and the @/* source alias. The CLI copies the source and installs what it needs.
npx -y github:anwarlemu/inkbox-brand-cli#release add button dialog field inputComponents
Every component in the library, in the console's style.
- Accordion
- Alert
- Alert Dialog
- Aspect Ratio
- Attachment
- Avatar
- Badge
- Breadcrumb
- Bubble
- Button
- Button Group
- Calendar
- Card
- Carousel
- Chart
- Checkbox
- Code Block
- Collapsible
- Combobox
- Command
- Context Menu
- Data Table
- Date Picker
- Dialog
- Direction
- Drawer
- Dropdown Menu
- Empty
- Field
- Form
- Hover Card
- Input
- Input Group
- Input OTP
- Item
- Kbd
- Label
- Marker
- Menubar
- Message
- Message Scroller
- Native Select
- Navigation Menu
- Pagination
- Popover
- Progress
- Questionnaire
- Radio Group
- Resizable
- Scroll Area
- Select
- Separator
- Sheet
- Sidebar
- Skeleton
- Slider
- Sonner
- Spinner
- Switch
- Table
- Tabs
- Textarea
- Toast
- Toggle
- Toggle Group
- Tooltip
- Trace
- Typography