Components
Accessible, customizable components built for Svelte 5 and Tailwind CSS v4. Use the CLI to copy any component directly into your project.
Form
8Button
Variants, sizes, icon support, loading state.
Checkbox
Checked, indeterminate, and disabled states.
Input
Text input with prefix, suffix, and input groups.
Textarea
Multi-line input with resize and character count.
Radio Group
Single-select option group, keyboard accessible.
Switch
Toggle between two states with smooth animation.
Range Selector
Dual-thumb range slider for min/max value selection.
File Uploader
Drag-and-drop file upload with progress and validation.
Data Display
6Avatar
User image with fallback initials and status indicator.
Badge
Compact label for status, counts, and categories.
Breadcrumb
Navigation trail showing page hierarchy and location.
Item
Compound list item with media, content, and action slots.
Tabs
Tabbed interface for switching between content panels.
Typography
Type scale, headings, and text utility reference.
Overlay
5Feedback
2Style
2Add any component with the CLI — npx nnuikit add button copies the source directly into your project. Installation guide →