LogoComponentLibraries
  • Collections
  • By Frameworks
  • By Tags
  • Submit a library
LogoComponentLibraries
LogoComponentLibraries

A directory to find and compare the best UI component library for React, Next.js, Svelte, Nuxt, Rails, Figma, Webflow, Tailwind, Angular, and more.

GitHubBlueskyX (Twitter)
Built withLogoMkdirs
Component Libraries
  • Search
  • By Framework
  • By Tag
  • Submit yours
  • Blog
Resources
  • Privacy Policy
  • Terms of Service
  • Spread kind words with Blissbox
  • Report issue or wrong information

Recent Blog Posts

  • Free React Libraries 2025 | Top 10 Picks
  • Accelerate Your Framer Projects with Component Libraries
  • The Best Figma UI Component Library Kits & Design Systems in 2025
  • How to build better Webflow Websites with Component Libraries
  • Best Component Libraries for React JS Developers in 2025
  • How to find the best component library for your next coding project
  • What is a component library?

Collections

  • All Collections
  • Best React UI Components Libraries in 2025
  • Best Tailwind CSS UI component libraries
  • Best Angular UI Component Libraries in 2025
  • Best Webflow UI Component Libraries in 2025
  • Best Figma UI Component Libraries for Designers in 2025
  • Best Framer UI Component Libraries for Designers in 2025
  • Best NextJS UI Component Libraries in 2025
Copyright Β© 2025 by Soulrise LLC. All Rights Reserved.
  1. Home
  2. Framework
  3. Badtz UI
icon of Badtz UI

Badtz UI

An expanding collection of free UI components. Production-grade animations with Framer Motion. Weekly updates. Open source. React, Tailwind, TypeScript & JavaScript.

Visit website
image of Badtz UI
Visit website

About this Component Library

πŸš€ Badtz UI β€” Build Stunning Interfaces Effortlessly

Discover beautifully crafted components that you can copy and paste directly into your applications. Badtz UI is designed to help you create stunning, responsive interfaces with ease.


✨ What is Badtz UI?

Badtz UI is a 100% open-source library of ready-to-use, accessible, and responsive UI components for React, Next.js, JavaScript, and TypeScript. Each component is designed with clarity, performance, and scalability in mind, so you can focus on building great products without reinventing the wheel.


πŸ’‘ Why Choose Badtz UI?
  • ⚑ Effortless Integration: Copy-paste components directly into your projects or install via CLI.
  • 🎨 Beautiful & Responsive: Components are built with Tailwind CSS and styled for modern UIs.
  • β™Ώ Accessible by Default: Every component follows best practices for accessibility (a11y).
  • πŸ› οΈ Highly Customizable: Adapt any component with Framer Motion animations and flexible props.
  • πŸ“š JavaScript & TypeScript Support: Seamless integration in your preferred stack.
  • πŸ”„ Weekly Updates: New components, improvements, and bug fixesβ€”every week.
  • 🀝 Open Source: Transparent, community-driven, and free forever.

πŸ“¦ Features
  • 🧩 A growing collection of reusable UI components.
  • πŸ’… Built with Tailwind CSS for effortless styling.
  • πŸ”„ Framer Motion for smooth, production-grade animations.
  • πŸ—οΈ Compatible with React and Next.js ecosystems.
  • πŸ“ Well-documented with clear examples and use cases.
  • πŸš€ Optimized for performance and scalability.

πŸ’Ύ Get Started

You can copy-paste any component directly into your project or install Badtz UI via CLI for a faster workflow

Back

Information

  • Websitewww.badtz-ui.com
  • Published date2025/02/24
  • Publisher
    badtz

Frameworks

  • icon of Next.js

    Next.js

  • Icon for React

    React

Popularity

GitHub-
npm-

Tags

  • Accessibility

  • Customizable

  • Dark Mode

  • Free

  • Mobile Support

  • Responsive

  • TailwindCSS

Other Component Libraries for Next.js

image of Skiper UI
Next.js
See more

Skiper UI

Details

Discover premium React components built on shadcn/ui. From scroll effects to interactive animations, enhance your Next.js projects with our unique component library. lets make your landing page awesome

FreemiumFreeAccessibility
image of Shadcn Templates
Next.jsAstroLaravelReact
See more

Shadcn Templates

Details

Shadcn Templates is a free directory of Shadcn UI templates, shadcn/ui components, blocks, boilerplates, and more.

FreePaid templatesAdmin DashboardsDesign SystemsTailwindCSS+1
React Bits
React
See more

React Bits

Details

A animated UI component library for React that delivers interactive, customizable elements for engaging interfaces.

FreeLightweightCustomizableResponsiveUnstyled Components+2