Figma modern UI-kit • CRUMBS-UI

Crumbs-UI isn’t just another set of components—it’s your new best friend in the design game. And guess what? It’s getting a React update soon, so you’ll be able to plug it straight into your code without a hitch.

Here’s why Crumbs-UI is a game-changer:

1. Token-based and atomic design: All the essentials—vibrant 2020s colors, slick typography, padding, and border radii—are defined with Figma variables. No plugins needed. Everything’s built-in and ready to go.

2. Top-tier components: Crumbs-UI takes full advantage of Figma’s power: auto-layouts, booleans, and instances. Everything is designed to be flexible and scalable. Plus, you can switch between light and dark themes with zero hassle.

3. Versatility at its core: Whether you’re building a landing page, admin dashboard, or mobile app, Crumbs-UI’s wide range of component sizes and layouts has you covered. Perfect for startups, big projects, or anything in between.

4. Battle-tested on real projects: Crumbs-UI has been put to the test on real-world interfaces, fine-tuned by professional designers. It’s been through the trenches and came out stronger.

5. Unique icon set: Forget stock icons—Crumbs-UI includes a custom-designed set of icons that are sleek, stylish, and original.

—

No fluff, just the essentials: Crumbs-UI isn’t bloated with unnecessary styles or components. It’s lean, clean, and ready to help you design faster, smarter, and better.