Accessible, themeable and dependency-free. Drop in one stylesheet and start building.
krz-uinpm install krz-uiFive variants, three sizes, icons and loading state.
Labels, hints, validation and icons.
Soft, solid and outline, with status dots.
Images, generated initials, status and groups.
Underline, pills and enclosed, with keyboard navigation.
Controlled or uncontrolled, with labels.
Get notified about new activity.
Product news and offers.
Four placements, shown on hover and focus.
Animated, focus-trapped, closes on Escape.
Four intents, with titles, actions and dismiss.
Heads up
Payment received
Storage almost full
Deployment failed
Elevated, outline, glass and gradient border.
Revenue this month
Everything, unlimited
Stacked notifications with actions and auto-dismiss.
Keyboard-navigable menu with icons, shortcuts and danger items.
Animated check, indeterminate state and descriptions.
Classic list or selectable cards.
Custom dropdown list and auto-growing text with a counter.
Smooth height animation, single or multiple open.
Determinate, striped and indeterminate bars, plus spinners.
Shimmering placeholders while content loads.
Smart page ranges with ellipses, and accessible breadcrumbs.