Fondue design system by Frontify

Using @frontify/fondue

Getting started

Welcome to Fondue, the design system for the Frontify ecosystem.

Installation

Add the Fondue design system package as a dependency to your project.

npm i @frontify/fondue
# or
pnpm i @frontify/fondue
# or
yarn add @frontify/fondue

Finding components

You can browse all available components in the Storybook instance of the Fondue design system. This Storybook contains all components from all subpackages in the Fondue monorepo. Each component will have a badge in the top bar indicating its current lifecycle state.

For the designers, the documentation is available in the Fondue design system documentation on weare.

To get started, you can refer to the Getting Started story in the Storybook.

Contributing

See Contribution guidelines for contributing and local development help.

Important links

• Storybook – Storybook for previewing Fondue components
• Fondue documentation – Documentation for the Fondue design system