Arcade Design System by Frontify

Using @frontify/arcade

1. Install Arcade from npm

npm install @frontify/arcade

2. Load Arcade Stylesheet

import "@frontify/arcade/style";

3. Use Components

import { Button } from "@frontify/arcade";

Arcade provides two builds: ES modules and UMD modules. Documentation for the provided components and how to use them is available in Storybook.

Contributing

See Contribution Guidelines for contributing and local development help.

Important Links

• Storybook – used for isolated development and documentation of Arcade components
• https://www.cypress.io/ – used for Testing in Arcade
• Frontify React Guidelines – Internal Coding Guidelines for Frontify
• Arcade Tokens – Design Tokens used at Frontify
• Tailwind – Utility-first CSS framework used in Arcade