Build beautiful
interfaces, fast.
A lightweight, token-driven component library built with plain CSS custom properties and vanilla JavaScript. No build step. No framework lock-in. Just copy, customise, and ship.
General
Typography
Scale, weight, leading & color utilities for text.
ExploreLists
Unordered, ordered & unstyled list variants with size scale.
ExploreColors
Semantic palette powered by CSS custom properties.
ExploreButtons
Solid, outline, ghost & icon button variants.
ExploreBadges
Status labels, count indicators & pill chips.
ExploreInputs
Text, select, textarea & full form layouts.
ExploreCards
Flexible content containers with optional headers & footers.
ExploreTable
Responsive data tables with striped & bordered styles.
ExploreGrid
Responsive flexbox grid with column & gap utilities.
ExploreUtilities
Display, flex, text & visibility helper classes.
ExploreMargin
Outer spacing utilities on all sides & axes across the token scale.
ExplorePadding
Inner spacing utilities on all sides & axes across the token scale.
ExploreSizing
Width, height & max-size constraint utilities.
ExploreNavbar
Top navigation bar with brand & link slots.
ExploreBackground
Surface, tinted & overlay background utilities.
ExploreRounded
Border-radius token scale from xs to full.
ExploreShadow
Box-shadow elevation levels from subtle to dramatic.
ExploreOutline
Focus & interactive outline ring utilities.
ExploreBorder
Border width, color & style token utilities.
ExplorePlugins
Tabs
Tabbed navigation with an animated active indicator.
ExploreAccordion
Collapsible content panels with smooth transitions.
ExploreDropdown
Floating menus, context actions & nested lists.
ExploreTooltip
Hover & focus text hints with directional placement.
ExploreToast
Auto-dismissing notification messages & queues.
ExploreModal
Dialog overlays with backdrop blur & focus trap.
ExploreOffcanvas
Slide-in drawer panels from any screen edge.
ExploreLightbox
Fullscreen image viewer with keyboard navigation.
ExploreSlideshow
Auto-advancing image carousels with controls.
ExploreSlider
Styled range input with live value readout.
ExploreClipboard
One-click copy-to-clipboard with feedback states.
ExplorePassword
Toggle password visibility with strength indicator.
ExploreRelative Time
Live-updating relative timestamps (e.g. “2 min ago”).
ExploreDropselect
Searchable multi-select dropdown with chip tokens.
ExploreImageslot
Drag-and-drop image upload slot with preview.
ExploreSparkline
Inline SVG micro-charts for data at a glance.
Explore