A Figma UI library built by designers, for designers
BBUI is a lightweight Figma library inspired by shadcn/ui and Tailwind CSS. It keeps designers and developers aligned through shared foundations.
Inspired by
Your design system, pre-assembled. Stop wasting time configuring libraries. BBUI gives you a structured, reliable foundation so you can start designing instantly with components that match modern development stacks.
Out-of-the-box configuration to kickstart any project
Tailwind Primitives
A shared foundation for design and development
Custom token systems rarely survive handoff. BBUI uses Tailwind variables so designers and developers work from the same set of rules. No translation errors, no gap between design and code.
shadcn Variables
Extend the system, don’t fight it
Use ShadCN theming to scale your product across light and dark modes while keeping consistency intact.
shadcn Components
All ShadCN components available to design with
Components are built following ShadCN markup, with clear variants, states, and sizing options, so you can design complex user flows without detaching or workarounds.
Smart colors
🟢 🟡 🔴 🔵 Variables for Smart messaging
Pre-defined variables for success, warning, info, and destructive states, so UI messaging is clear and consistent across the product.
We're currently invite-only
BBUI started as an internal tool — built for our own projects, refined through real use. We're not quite ready for a public launch, but we're opening access to a small group of designers who want to shape what it becomes.
Drop your email and we'll send you the library link. In return, we'd love your honest feedback.
The essential assets, built in
Designers need assets. BBUI includes the fundamental assets you use every day: icons, flags, web3 & brand logos, browser mockups. All pre-configured and ready to use.
Icons
Lucide icons
The complete Lucide icon set, pre-configured on a 24px container with 1.25px stroke. Consistent, accessible, and ready to drop into any design.
Flags
300+ Country flags
Localize your product with pre-configured flag assets. Perfect for multi-region apps, language selectors, and international platforms.
Web3
100+ Crypto assets
Build fintech and Web3 products with crypto brand assets integrated into the library.
Mockups
Browsers and devices
Mock your designs in realistic browser frames for presentations and prototypes.
boilingbrains.io
Build with AI
Design in Figma. Build in Cursor.
BBUI follows shadcn/ui markup, making the handoff from design to production seamless. Using Figma MCP servers, designers can ship production-ready platforms with Figma and Cursor.
All core components for you to work with
From accordions to data tables, BBUI includes all the components you reach for daily. Each one is production-ready, fully documented, and built to match the code developers will actually ship.
Updates from BBUI
Private beta
We're not yet public. Request early access.
We're not quite public yet, but you can sign up to get early access to BBUI. We'll send you the library link for testing, and we'd love your feedback.
