Beans

A design system in Figma and React

Beans

A design system in Figma and React

A Figma file, a React component library on Base UI, and skills that teach your AI agent how it’s built. Copy it into your project and make it yours.

Purchase from 99€

Live preview

Highlights

Auto-Layout & Properties
Variables & Modes
Semantic colors & typgraphy
React components on Base UI
Plain CSS, no Tailwind
Skills for AI agents
UI samples & live docs

Auto-Layout & Properties
Variables & Modes
Semantic colors & typgraphy
React components on Base UI
Plain CSS, no Tailwind
Skills for AI agents
UI samples & live docs

Compatibility

React
Figma

React
Figma

Purchase from 99€

Live preview