Root Axis

Github

storybook

npmjs

Displays a button or a component that looks like a button

Button

Framework-agnostic, reusable web components that you can use in your web apps.

Introduction

You can use the design system by simply installing and importing the package on the desired page. Once imported, the components will be readily available for use.

Design System

You can use the design tokens as a **standalone approach** to ensure your components align seamlessly with the design principles of your project.

Design Tokens

React

Next.js

Solid

Svelte

A vertically stacked set of interactive headings that each reveal a section of content.

Accordion

Displays a avatar or a component that looks like a avatar

Avatar

Displays a badge or a component that looks like a badge

Badge

Displays a checkbox or a component that looks like a checkbox

Getting Started

Installation

Guides

Components

Button