Binhlaig UI · Foundation v0.1

Build beautifulinterfaces, faster.

A thoughtful collection of accessible, responsive components and production-ready templates for modern web products.

BnUI+Made for real productsResponsive · Accessible · Customizable
component-preview.tsxLive
Interactive preview
New

Motion Card

A polished component with subtle motion and a clean API.

npx binhlaig-ui add motion-card
TypeScript ready
Dark mode included
The foundation

One system. Every interface.

The first layer of Binhlaig UI establishes a consistent visual language before the component library grows.

01

Color system

Deep navy, electric blue and calm neutrals create a confident software brand.

8 color tokens
02
AaGeist Sans

Typography

Geist keeps product interfaces crisp, modern and easy to read at every size.

9 type styles
03
Button

Core components

Buttons, badges, cards and inputs form the reusable base for every template.

4 starters
Core components

Small building blocks.
Serious product quality.

Every component is responsive by default, keyboard friendly and ready to adapt to your brand.

  • TypeScript-first source code
  • Light and dark theme tokens
  • Copy, paste and customize
Primary actionSecondary Available
Your foundation is ready

Start building the first Binhlaig component collection.

Next step

Foundation complete.
Components come next.

1Brand foundation2Component library3Templates & registry