Design System

Everything you need to implement our design system - from design files to code snippets and documentation

Design Files (Figma)

Official Figma libraries and design resources

UI Components Library

Figmav2.1

Design Tokens

Figmav1.5

Icons Pack

Figmav3.0

Code Snippets

Ready-to-use code examples and utilities

Button Variants

TypeScriptComponents

Theme Provider

ReactTheming

Responsive Grid

CSSLayout

Animation Utilities

Framer MotionAnimations

Documentation

Comprehensive guides and references

Getting Started Guide

GuideComplete

Component API Reference

ReferenceComplete

Design Guidelines

GuideIn Progress

Accessibility Standards

StandardsComplete

Plugins/Extensions

Tools to enhance your workflow

Design System Manager

FigmaPlugin

Token Sync

VS CodeExtension

Component Inspector

ChromeExtension

Accessibility Checker

FigmaPlugin

Starter Kits

Pre-configured project templates to get started quickly

Next.js Starter

Next.js + TypeScript

SSRTailwindComponents

React Native Kit

React Native

MobileNavigationAnimations

Vue.js Template

Vue 3 + Vite

Composition APIPiniaComponents

Changelog/Versioning

Track updates, improvements, and breaking changes

v2.1.0

Major

2025-01-15

New Sheet component

Updated Button variants

Fixed accessibility issues

v2.0.5

Patch

2025-01-08

Bug fixes in Dialog

Performance improvements

Updated documentation

v2.0.0