Spoko Design System

The Astro design system which facilitates the development of websites.

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.

Vue Integration

Seamless Vue 3 component integration with TypeScript support for interactive elements.

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