Spoko Design System

Universal design system — CSS recipes + Vue, Astro and React wrappers, plus plain-HTML support via the prebuilt stylesheet.

Why Spoko Design System?

A modern, comprehensive design system built with Astro and Vue, featuring consistent components and patterns for rapid development.

Astro-Powered

Built with Astro for lightning-fast performance and seamless integration with modern frameworks.

Rich Components

20+ production-ready components including buttons, modals, carousels, and specialized automotive elements.

UnoCSS Styling

Atomic CSS approach with UnoCSS for flexible, maintainable styling and consistent design tokens.

Multi-Framework

Thin wrappers for Vue 3 and Astro today, plain HTML via the prebuilt stylesheet. React next via the universal split.

Design Patterns

Proven patterns and layouts for common use cases, from landing pages to product catalogs.

Developer Ready

Complete documentation, TypeScript support, and easy npm installation for quick project setup.

Well done is better than well said. - Benjamin Franklin

Get Started

Install via npm:

npm install spoko-design-system

Or with pnpm (recommended):

pnpm add spoko-design-system

TypeScript support included • Complete documentation • Production ready