Components
Components
Component index.
Scan the shared primitives, jump into a component doc and keep the import close to the preview.
Feedback
6 componentsFeedback01
Badge
A compact high-contrast label for statuses, tags and small interface signals.
Feedback02
Alert
A loud composable feedback block for announcements, errors and status messages.
Feedback23
Toast
Status messages for save states, confirmations and errors.
Feedback24
Progress
A simple progress meter for loading and completion states.
Feedback25
Loader
A compact loading spinner for pending states.
Feedback26
Skeleton
A placeholder block for loading layouts.
Interaction
7 componentsInteraction04
Cursor
A playful pixel-art cursor provider with arrow, hover, click, text, zoom, panning and status states.
Interaction14
Dialog
A modal overlay for confirmations, details and focused forms.
Interaction15
Popover
A floating panel for filters, quick settings and small editable surfaces.
Interaction16
DropdownMenu
A compact actions menu for navs, profile menus and table rows.
Interaction17
Tooltip
A compact hover/focus label for icon buttons and dense UI.
Interaction18
Tabs
Tabbed sections for settings, dashboards and previews.
Interaction35
Drawer
A side sheet for mobile menus, settings panels and command surfaces.
Forms
6 componentsForms05
Field
A form field set with label, input, textarea and hint primitives built from native elements.
Forms06
Select
A custom dropdown picker for option sets, playground controls and compact forms.
Forms07
Checkbox
A native checkbox with a chunky Swirski mark, label and optional description.
Forms08
Switch
A native checkbox presented as a switch for binary preferences and settings.
Forms27
RadioGroup
A native radio group for choosing one option from a set.
Forms28
Slider
A native range input for numeric controls.
Disclosure
1 componentCards
1 componentTypography
2 componentsTheming
1 componentLayout
9 componentsLayout19
Table
A bold base table for data lists before adding DataTable behavior.
Layout20
AppShell
Composable application layout primitives for sidebars, navbars and bounded page content.
Layout21
Container
A responsive page-width wrapper for sections, shells and documentation layouts.
Layout22
Grid
A reusable CSS grid primitive for page sections, card clusters and dense interface layouts.
Layout30
Avatar
A framed user image or fallback for accounts, comments and navs.
Layout31
Navbar
Composable header primitives with a reusable hamburger menu for mobile navigation.
Layout32
Breadcrumb
Navigation trail primitives for docs and app pages.
Layout33
Pagination
Page controls for tables, lists and archives.
Layout34
Separator
A small visual divider for sections, menus and dense layouts.
Media
1 componentBackgrounds
3 componentsBackgrounds36
DotGrid
A configurable dot-grid background for subtle texture, halftone fields and pop-art surfaces.
Backgrounds37
LineGrid
A configurable line grid background with optional heavier accent lines for pop-art surfaces.
Backgrounds38
DiagonalLines
A configurable diagonal stripe background for punchy poster and pop-art compositions.