Component gallery
The details make the difference.
Real components, interactive states, and a few edges worth exploring.
Buttons
shadcn-svelteA shared action language, from the primary next step to a quiet alternative.
0 sample actions triggered.
A form that responds
Inputs · CheckboxSubmit an empty form to try validation, or fill it in to see local feedback.
Status badges
BadgeShort labels make the state explicit without relying on color alone.
Also in the project workflow
Try the task table, completion checkboxes, project progress, and confirmation dialogs in Projects.
The states between
Skeleton · FeedbackSwitch between deliberate previews. These controls do not call any service.
Sample loading state
A focused moment
Dialog · Bits UIOpen the dialog, move through it with Tab, and press Escape to return.
Built with Svelte 5, Tailwind CSS 4, shadcn-svelte, and Bits UI. Isolated examples are also available in the local Storybook.