Introduction

Beautifully designed, animated components you can drop straight into your app.

Components: 55 components
Install: shadcn CLI or copy-paste
Licence: MIT

UI Beats is a collection of 55 reusable components crafted with React, TypeScript, Tailwind CSS and Motion. Every component is accessible, customisable and open source.

You own the code

This is not a package you install and import from. You own the code: add a component, then change whatever you like. No version pinning, no wrapper APIs, no waiting on us to expose a prop.

The shadcn CLI writes the file and installs its dependencies for you, or you can copy the source from any component page. Both leave you with plain source in your own repo. The CLI just saves you the round trip.

Where to go next

InstallationWhat your project needs before adding a component.
CLIAdd any component with one command.
ContributeThe four files a new component needs.

Introduction

You own the code

Two ways to add a component

Where to go next

Introduction

You own the code

Two ways to add a component

Where to go next