Introduction

What is BoardUI?

BoardUI is an open-source collection of React components built with Tailwind CSS and designed in Figma. Components are translated directly from a master Figma file via the Figma MCP server, so design and code stay in lockstep.

Skip the design phase. Just copy, paste, and build.

Tech stack

• React 19
• Next.js 16 (App Router) — for the showcase site
• Tailwind CSS v4 (CSS-first config via @theme)
• TypeScript
• React Aria Components — accessibility primitives, added per-component as needed

Free vs. Pro

• Free — base components (Button, Input, Checkbox, Badge, Avatar, etc.). Permissive license. Open-source.
• Pro — composed blocks, page templates, complex patterns (data tables, command menus, charts, dashboards). One-time license fee.

Source, not dependency

BoardUI is not a runtime library. When you add a component, its source gets copied into your project — no npm install, no vendor lock-in. You own the code; modify it however you like.

Next steps

Head over to the installation guide to set up a project, or browse the components gallery.