Dezkareid Design System
A multi-framework design system with design tokens, React components, and Storybook documentation — the foundation behind this portfolio.
Project Overview
This design system is the shared foundation for all my projects. It provides a centralized token pipeline (colors, spacing, typography) exported to CSS, SCSS, and JS, plus a multi-framework component library for React, Astro, and Vue.
Key Features
- Design Tokens: Style Dictionary pipeline exporting to CSS custom properties, SCSS, and JS/ESM.
- Multi-framework Components: Button, Card, Tag, and ThemeToggle usable across React, Astro, and Vue.
- Storybook Documentation: Full component explorer with accessibility checks and visual regression via Chromatic.
- Monorepo Integration: Consumed directly by other packages in the workspace via pnpm workspaces.