Build Stunning Websites at Lightning Speed

An open-source React UI library with production-ready animations. Weekly updates. Built with React, Tailwind, TypeScript & JavaScript.

React
NextJS
TailwindCSS
Shadcn UI
Motion
TypeScript
JavaScript
BadtzUI - A free and open-source React component library | Product Hunt
Badtz UI

Highlight your
website in a second

Build React interfaces faster with production-ready UI components. Perfectly integrated with Next.js. Custom Tailwind styling, zero-config setup.

Elipse Dark
ShadcnUI Logo
TailwindCSS Logo
Typescript Logo
Javascript Logo
NextJS Logo
React Logo
Motion Logo
ShadcnUI Logo
TailwindCSS Logo
Typescript Logo
Javascript Logo
NextJS Logo
React Logo
Motion Logo

Lightning-Fast React Components.

Production-optimized. Fits any stack - from fresh Next.js apps to legacy React setups.
Dark Keyboard

Copy. Paste. Ship.

Build React apps faster: integrate components via CLI or code snippets. No setup headaches - just plug-and-play components.
Animated Card 3

Your Design, Your Rules.

Tailwind-first components with customizable animations. Style every state and breakpoint to match your brand identity.
Beta

Scale with BadtzUI Pro

Over 70 expected ready-to-use components, blocks and templates for your apps, SaaS, AI tools...

Open Source, Built Together

BadtzUI is an open-source project where everyone can contribute. Join our community, suggest improvements, and help shape the future of this UI library!

Star Us on GitHub

Frequently asked questions

Browse through our most common questions. Can't find what you're looking for? Our team is here to help you.

Build faster.
Build beautiful.

Build beautiful websites and applications. From concept to production at light speed.