Fondue Design System by Frontify

Using @frontify/fondue

1. Install fondue from npm

npm install @frontify/fondue

2. Load Fondue Stylesheet

import '@frontify/fondue/style';

3. Use Components

import { Button } from '@frontify/fondue';

Fondue 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 Fondue components
• https://www.cypress.io/ – Used for Testing in Fondue
• Frontify React Guidelines – Internal Coding Guidelines for Frontify
• Fondue Tokens – Design Tokens used at Frontify
• Tailwind – Utility-first CSS framework used in Fondue