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 8bitcn
Next.jsReact
See more

8bitcn

Details

A retro-themed UI component library offering 8-bit styled elements for seamless Next.js integration.

CustomizableDark ModeFreeLightweightMaterial Design+4
image of SHSF UI
ReactNext.js
See more

SHSF UI

Details

Motion-first UI library for those who care about details.

FreeResponsiveTailwindCSSDark ModeCustomizable+1
AntBlocks UI
ReactFigma
See more

AntBlocks UI

Details

A modern UI component library for React, providing customizable building blocks for rapid development.

FreemiumResponsiveCustomizableDark ModeMobile Support+2