Blueprint - Component Library

Blueprint

A highly portable and customizable component library built on Lit. Framework-agnostic web components that work anywhere.

Get Started

View Components

Live Preview

Try out Blueprint components right here.

Primary

Secondary

Checkbox

Switch

Quick Start

Install Blueprint from npm:

Import the theme CSS and components you need:

Then use components in your HTML:

Why Blueprint?

Framework Agnostic

Built as native web components. Works with React, Vue, Angular, Svelte, or vanilla JavaScript.

Fully Themeable

Comprehensive design token system with CSS custom properties. Create custom themes with ease.

Accessible

Built with accessibility in mind. ARIA attributes, keyboard navigation, and screen reader support.

40+ Components

From buttons to data tables, modals to date pickers. Everything you need to build modern interfaces.