kdwiheldy Design System
v1.0
A handcrafted, zero-dependency design system built with Vue 3 and Nuxt. Poppins typography, custom CSS variables, GSAP animations — all in one cohesive library.
22Components
200+Icons
0Dependencies
2Themes
Foundations
Color palette, typography scale, spacing, and CSS variables.
Buttons
Primary, secondary, tertiary, icon buttons with sizes and states.
Inputs
Text, select, textarea, toggle, checkbox, radio, and date inputs.
Cards
Flexible card container with header, body, footer, and color variants.
Overlays
Modal dialogs and popover dropdowns with GSAP animations.
Feedback
Alert toasts, badges, progress bars, loaders, and spinners.
Navigation
Tabbed navigation with active state and panel system.
Data Display
Styled data tables with sticky headers.
Icons
200+ outlined SVG icons with theme-aware color system.