bloxa
79 components · Free & open · TR / EN

Interfaces built from blocks, brought to life with motion.

A motion-first component library for React and Next.js. Copy the code with one command or import it from npm — in Turkish or English, light or dark.

Browse components See pricing
$ npx @bloxa/cli add button
Plan a launchDRAFT
EmailPush
79components
2languages built in
0extra dependencies for date & select
MITfree components

Everything a product interface needs

Core components grouped by job, sharing one design language and one motion vocabulary.

8
4
4
4
4

Layout

7

A 12-column Container, Row and Col grid plus content cards.

Browse components

Forms

18

Text, selection, date and file fields with rich, accessible states.

Browse components

Buttons

2

Variants, icons, loading states, groups and press-and-hold confirmation.

Browse components

Menus & navigation

8

Menus and submenus that scale in softly, plus tabs.

Browse components
AyşePro
JohnFree
MehmetPro

Data display

10

Tables that become cards on mobile, a data table, images and hover cards.

Browse components
Uploading68%
72%

Status & loading

4

Progress bars, loading spinners and skeleton placeholders.

Browse components

Motion

7

Reveals and micro-interactions that respect reduced motion.

Browse components

Make it yours

Every color is a CSS variable. Pick a brand color and a theme — the whole interface follows.

Create your workspace

Two minutes, no credit card.

Verify your emailNEW
Dark mode

From zero to shipped in three steps

1

Install

Run the CLI once to connect the Bloxa registry, or install @bloxa/react from npm.

Terminal
npx @bloxa/cli init
2

Add

Add components by name. Dependencies, theme and helpers come along automatically.

Terminal
npx @bloxa/cli add data-table
3

Make it yours

The code lives in your repo. Change styles, props and motion however you like.

Terminal
components/ui/data-table.tsx

Speaks your users' language

Wrap your app once with BloxaProvider. Labels, placeholders, month names and number formats switch together.

Simple pricing

Start free. Buy Pro once, use it forever.

FREE

Free

Start right away with the core components.

$0

  • 79 core components
  • CLI and npm package
  • Light and dark themes
  • Turkish and English built in
Browse components
PRO

Pro

Every block and template, one-time payment.

999 ₺one-time

  • All Pro blocks and templates
  • Lifetime access and updates
  • Private access via CLI
  • Priority support

Questions

Is Bloxa free?

Yes. All core components are free under the MIT license. Pro adds ready-made blocks and page templates for a one-time payment.

Do I copy the code or install a package?

Either. Copy components into your repo with npx @bloxa/cli add, or install @bloxa/react from npm and import them.

Does it work with shadcn/ui?

Yes. Bloxa is a shadcn-compatible registry, so components install with the shadcn CLI and sit next to your existing ones.

Which frameworks are supported?

React 19 with Tailwind CSS v4. Next.js is first-class; Vite and other React setups work too.

Is it accessible?

Components are built on Radix primitives with keyboard support, labels and reduced-motion handling.

Build your next interface with Bloxa

Free, open and ready today.

Browse components
$ npx @bloxa/cli add button