# Root Axis

## Docs

- [Accordion](https://design-system.rodrigoantunes.dev/components/accordion.md): A vertically stacked set of interactive headings that each reveal a section of content.
- [Avatar](https://design-system.rodrigoantunes.dev/components/avatar.md): Displays a avatar or a component that looks like a avatar
- [Badge](https://design-system.rodrigoantunes.dev/components/badge.md): Displays a badge or a component that looks like a badge
- [Button](https://design-system.rodrigoantunes.dev/components/button.md): Displays a button or a component that looks like a button
- [Checkbox](https://design-system.rodrigoantunes.dev/components/checkbox.md): Displays a checkbox or a component that looks like a checkbox
- [Next.js](https://design-system.rodrigoantunes.dev/guides/next.md): Install and configure Next.js
- [React](https://design-system.rodrigoantunes.dev/guides/react.md): Install and configure React
- [Solid](https://design-system.rodrigoantunes.dev/guides/solid.md): Install and configure Solid
- [Svelte](https://design-system.rodrigoantunes.dev/guides/svelte.md): Install and configure Svelte
- [Vue](https://design-system.rodrigoantunes.dev/guides/vue.md): Install and configure Vue
- [Design System](https://design-system.rodrigoantunes.dev/installation/design-system.md): 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 Tokens](https://design-system.rodrigoantunes.dev/installation/design-tokens.md): You can use the design tokens as a **standalone approach** to ensure your components align seamlessly with the design principles of your project.
- [Introduction](https://design-system.rodrigoantunes.dev/introduction.md): Framework-agnostic, reusable web components that you can use in your web apps.