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

Framework-agnostic core (CSS recipes + vanilla TS) with thin wrappers for Vue 3 and Astro today — React wrappers shipping via the universal split, plain HTML supported via the prebuilt stylesheet.

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