Getting Started
Install Bloc UI, import your first components, and set up optional theming in minutes.
Try it now in StackBlitz →1. Choose installation strategy
Option A: All-in-one package
Best when you want everything available from a single dependency.
$ npm install @bloc-ui/kit
Option B: Individual packages
Smaller bundles by installing only what your app needs.
$ npm install @bloc-ui/core @bloc-ui/modal @bloc-ui/table
2. Use your first component
Start with a button and input to verify setup quickly in your own component template.
3. Add optional theme package
The core packages are style-neutral. Add theme only if you want default tokens for color, spacing, typography, and light or dark mode support.
$ npm install @bloc-ui/theme
4. Tailwind CSS users
Register Bloc UI layers before Tailwind import so utilities can override component visuals predictably.
Next steps
Continue with component-specific examples and API details.