bracketui
Open Source,  UI LibraryTailwindCSS,  Typescript,  NPM,  Changeset

Open Source React Component Library - BracketUI

Developers

thirdbracket-avatar

Date Completed

Links

opensourcereactcomponentlibrary-bracketui.co.uk
bracketui
bracketui
TailwindCSSTypescriptNPMChangeset
17
Public Releases
CLI
New Next.js Project in One Command
Premium+
Navbar, Megamenu, Tabs, Cards, ThemeToggle & more
Themeing
System-aware dark/light mode out of the box

Overview

BracketUI is Third Bracket's own open-source UI component library, built for React and Next.js projects. Published on npm and maintained across 17 releases, it reflects the level of engineering rigour we apply across our work — we don't just use other people's tools, we build our own.


What We Built

A Turborepo monorepo containing the core component library published to npm, a CLI scaffolding tool (create-bracketui-app), and a showcase application. Components include Buttons, Navbars, Mega Menus, Tabs, Cards, and a bespoke ThemeToggle system that syncs with system preferences. The library ships with a custom Tailwind CSS plugin, full ES6 module support, and component-level theming via theme props.


The library includes ready-to-use components (Button, Navbar, Megamenu, Tab, Card, ThemeToggle), a custom TailwindCSS plugin, and a full dark/light theme system that syncs to system preferences. A companion CLI tool lets developers bootstrap a new project instantly with a single command.

Managed as a Turborepo monorepo with Changesets for versioned releases, BracketUI has shipped 17 releases and reached v4.0.0 — with active security patching maintained throughout.


Tech Stack

TypeScript, React, Next.js, Tailwind CSS, Turborepo, Changesets, npm

Ready to build something like this?

We design and develop web experiences that perform. Let's talk about your project.