uibrik

94 components · Pro coming soon

Interactive components that feel alive

React components built with Motion, WebGL and shaders and WebGL. Copy the source into your app and make it yours.

Components
0
Categories
0
New
0

Try one right here

Pick a component. It runs beside the list, ready to touch.

Live, not screenshots

Every tile is the real component. Go ahead and use them.

Backgrounds that move

Shader backgrounds for heroes, cards and whole pages. They run on the GPU and rest when off screen.

Open Light Stream

Make it yours before you copy it

Each component page comes with the same panel. Try it on this one.

  • Tune it live

    Every prop has a control. Change it and watch the component answer.

  • Copy what you see

    The snippet tracks your changes. Paste the version you made.

  • Own every line

    No package to update or fight. The source lives in your project.

Preview

Customize

Accent
Ring width12px
Ring gap20px
Unroll0.70s

Usage

import { RingStack } from "@/registry/ring-stack/ring-stack";

<RingStack />

Free now. Pro soon.

Everything here is free to use. Pro is on its way.

Free

$0

Everything on this site, today.

  • All 94 components
  • Full source to copy
  • Live Customize panel
  • Light and dark themes
Browse components

Pro

Soon

Soon

Larger components and page blocks.

  • Page blocks: hero, pricing, FAQ
  • Pro-only components
  • One-command install
Coming soon

Good to know

Open its page, install the packages listed there, and copy the source into your project. A one-command install is on the way.

No. You copy the source into your project, so there's no library to upgrade and nothing to override.

React, Tailwind CSS v4 and Motion. A few components draw with WebGL through three.js; their pages list it with the other packages.

Yes. Every page has a Customize panel, and the usage snippet updates as you go. After that the source is yours to edit.

Yes. Components follow light and dark themes, and every demo here switches with the site.

Yes. Every component on this site is free to use and copy.

Larger components and full page blocks, built to the same standard. It isn't out yet; this page will say when it is.

An MCP server is planned so agents can search the library and add components for you. The Docs will cover it when it ships.

Ship the details
people remember

Pick one, tune it, paste it in. Hold the button to begin, it's a component too.