Bento DS

Open-source Design System
Bridge the gap between design and development.
Get started

Simplify your workflow and boost your productivity

The Figma and React open-source libraries allow you to achieve a seamless synergy between design and development to bring your ideas to life faster.

Design

Create beautiful interfaces with a library of modular components crafted with usability in mind.
Go to resources
Figma

Development

Develop your project without writing CSS and needing no hand-off documentation. Pixel-perfect, yet fully responsive.
Go to resources
React JS

Nice and ready...

Bento DS comes out of the box with a modern and polished theme you can immediately use.

Design high-fidelity mockups in minutes and implement them without documentation thanks to our perfectly mirrored Figma and React libraries.
A collection of Bento DS components
60+
components
740+
variants
Example of Bento DS theme customizations
Example of Bento DS theme customizations
Example of Bento DS theme customizations
Example of Bento DS theme customizations
Example of Bento DS theme customizations
Example of Bento DS theme customizations
160+
tokens
290+
theming options

... but deeply customizable

Bento DS can be tailored to your needs through a fast and guided setup.

With its hundreds theming options, Bento DS lets you customize the design system theme and the component appearance to reflect the look & feel of your brand and product.

Ready to create your design system?

Discover all the features Bento DS can offer to make your next project fast, consistent, and scalable.