https://github.com/frontify/fondue
Design System of Frontify
https://github.com/frontify/fondue
components design-system react ui
Last synced: about 2 months ago
JSON representation
Design System of Frontify
- Host: GitHub
- URL: https://github.com/frontify/fondue
- Owner: Frontify
- Created: 2021-07-04T12:15:59.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2026-04-20T00:59:22.000Z (about 2 months ago)
- Last Synced: 2026-04-20T02:44:11.064Z (about 2 months ago)
- Topics: components, design-system, react, ui
- Language: TypeScript
- Homepage: https://fondue-components.frontify.com/
- Size: 620 MB
- Stars: 27
- Watchers: 21
- Forks: 6
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Codeowners: .github/CODEOWNERS
Awesome Lists containing this project
README
# Fondue design system by Frontify
[
](https://fondue-components.frontify.com/)
[
](https://snyk.io/test/github/Frontify/fondue)
[
](https://www.npmjs.com/package/@frontify/fondue)
## Using `@frontify/fondue`
# Getting started
Welcome to Fondue, the design system for the [Frontify](https://frontify.com) ecosystem.
## Installation
Add the Fondue design system package as a dependency to your project.
```shell
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](https://fondue-components.frontify.com).
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](https://fondue.frontify.com) on weare.
To get started, you can refer to the [Getting Started](https://fondue-components.frontify.com/?path=/docs/1-getting-started--documentation) story in the Storybook.
## Contributing
See [Contribution guidelines](CONTRIBUTING.md) for contributing and local development help.
## Important links
- [Storybook](https://fondue-components.frontify.com) – Storybook for previewing Fondue components
- [Fondue documentation](https://fondue.frontify.com) – Documentation for the Fondue design system