UI Beats
UI Beats is a free, open-source UI component library built with React, Next.js and Tailwind CSS. Animated React components you own. 55 components built with TypeScript, Tailwind CSS and Motion. It has 234 GitHub stars and is released under the MIT license.
github.com/nikhils4/ui-beats (opens in a new tab)
Data as of from the GitHub API; description from the project's repository. Report an error
Get started
Copy the files into a new folder with degit (no git history), or clone the repository with git.
npx degit nikhils4/ui-beats my-ui
cd my-ui
npm install # then run the dev script from the READMEgit clone --depth 1 https://github.com/nikhils4/ui-beats.git my-uiSources: GitHub docs on template repositories, degit.
About UI Beats
Beautifully designed, animated React components you can copy, paste, or install with the shadcn CLI. UI Beats is a collection of animated React components built with TypeScript, Tailwind CSS and Motion.
Built with
- React
- Next.js
- Tailwind CSS
- shadcn/ui
- TypeScript
Similar templates
More UI components & kits
Tiny Design
wangdicoder/tiny-design
A friendly UI component set for React.
Maintained · last commit May 16, 2026
UI components & kitsTypeScriptSvelte Tweakpane UI
kitschpatrol/svelte-tweakpane-ui
Svelte component library wrapping UI elements from Tweakpane, plus some additional functionality for convenience and flexibility.
Active · last commit Oct 28, 2026
UI components & kitsSveltePlate Playground Template
udecode/plate-playground-template
Plate AI template with React 19, Next 16, Tailwind 4, MCP.
Maintained · last commit Oct 22, 2026
UI components & kitsTypeScriptGrid
svar-widgets/grid
Svelte datagrid component. Lightweight, fast, feature-rich.
Maintained · last commit Oct 12, 2026
UI components & kitsSvelteLoomix
haaarshsingh/loomix
Drop-in video player component.
Active · last commit Sep 14, 2026
UI components & kitsTypeScriptGaia UI
theexperiencecompany/gaia-ui
Beautifully designed components for building AI Agents.
Active · last commit Sep 3, 2026
UI components & kitsTypeScript
How do I use UI Beats?
Copy the files into a new folder with npx degit nikhils4/ui-beats my-ui (no git history), or fork the repository on GitHub. Then follow the README for the install and dev commands.
Can I use UI Beats for commercial projects?
Yes. UI Beats is released under the MIT license, a permissive license that allows commercial use as long as you keep the copyright and license notice. Third-party assets bundled with it (images, fonts, icons) may have their own terms.
Is UI Beats maintained?
The repository's most recent commit was on Aug 16, 2026. appsgit only lists templates from repositories with a commit in the last six months.