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.