Getting Started

Introduction

BlackBoard is a theme-aware, chalk-textured UI component library. Copy and paste beautiful components into your app. Open source, built with Tailwind CSS. Pick independent color schemes for light and dark mode.

What is BlackBoard?

BlackBoard is a collection of re-usable components that you can copy and paste into your apps. It follows the shadcn/ui model — components are not installed as a dependency. Instead, you pick the components you need, copy them into your project, and customize them to your liking.

Why BlackBoard?

Light & Dark Themes

Ships with both light and dark mode out of the box. Pick independent color schemes for each — fully customizable via CSS variables.

Chalkboard Dark Mode

Green-slate neutrals, warm amber glow, and chalk-textured effects. A dark theme that feels like writing on a real chalkboard.

Copy & Paste

No runtime dependencies or version lock-in. Components live in your codebase, under your full control.

Tailwind v4

CSS-first configuration with design tokens. No tailwind.config.js needed. Just import and use.

Tech Stack

Next.js 16React 19Tailwind CSS v4TypeScriptRadix UICVA