Skip to content
Pixelbits
v1.0 · 45 components

Pixels, crafted with care.

A calm React UI kit with a luxurious, minimal base. Its pixel effects appear only when you interact — and every one of them also runs on keyboard focus.

Tailwind v4React 19Native dialogPopover APICanvas effectsshadcn registryRTL readyWCAG AA

Pixels at the moment of touch

Hover, focus, open and loading get a pixel dissolve. At rest everything is calm.

Tiny and tree-shaken

One entry per component, no runtime CSS-in-JS, no animation library. Button is 2 kB.

Built on the platform

Native <dialog>, the popover API, real form inputs and <details>: accessible without heavy JS.

Two ways to use it

Install from npm, or copy any component's source into your project with the shadcn CLI.

npm
pnpm add pixelbits
or copy the source
npx shadcn add https://pixelbits.ali-moradi-develop.com/r/button.json