ATYPE

Design Systems Made Simple

Build consistent, scalable design systems with our open-source components, tools, and collaboration framework.

Explore Components

What is a Design System?

A design system is a collection of reusable components, guidelines, and resources that keep your UI/UX consistent across applications. Our framework supports Figma integrations, code generation, and collaborative documentation.

Learn More

Design System Components

Core UI

400+ HTML/CSS/JS components for React, Vue, and plain JS with responsive variants.

View Components

Design Tokens

Theme-based CSS variables for colors, typography, spacing, and motion.

See Tokens

Documentation

Interactive Storybook & docs with versioning and change logs for each component family.

See Documentation

Why Choose atype Design Systems?

Consistency

Create unified user experiences across all platforms with centralized style definitions.

Modular Design

Break UI patterns into reusable pieces and compose new components from existing ones.

Scalable

Grows with your team, products, and design needs while reducing redundant work.

Collaborate & Contribute

Share your design patterns, components, and best practices with our design systems community. Together we can solve real-world problems.

```