Design system of Frontify

Usage no npm install needed!

<script type="module">
  import frontifyArcade from 'https://cdn.skypack.dev/@frontify/arcade';


Arcade Design System by Frontify

CI Status Known Vulnerabilities latest

Using @frontify/arcade

  1. Install Arcade from npm
npm install @frontify/arcade
  1. Load Arcade Stylesheet
import "@frontify/arcade/style";
  1. 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.


See Contribution Guidelines for contributing and local development help.

Important Links