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.

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

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

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

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

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

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

Well done is better than well said.- Benjamin Franklin

Install via npm:

npm install spoko-design-system

Or with pnpm (recommended):

pnpm add spoko-design-system

TypeScript support included • Complete documentation • Production ready

Car parts catalog · Astro + Vue

Polo 6R DIY workshop & guides · Astro + Vue

Used car parts marketplace · Astro + Vue

Polo V Manual · Astro

PDF tooling · Python (joining once the plain-HTML stylesheet ships)

See the design system in action across different project types