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 2026
  • How to build better Webflow Websites with Component Libraries
  • Best Component Libraries for React JS Developers in 2026
  • 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 Β© 2026 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

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 Tailwindadmin
AngularReactVue.jsNext.js
See more

Tailwindadmin

Details

Tailwindadmin is a free, open-source shadcn admin dashboard template built with React & Tailwind CSS. It offers developers a flexible and customizable foundation for creating modern web applications.

TailwindCSSFreeDark ModeResponsiveAdmin Dashboards+4
image of Shadcn Space
Next.jsReact
See more

Shadcn Space

Details

Shadcn Space is a fully open-source design library for building websites, SaaS products, and admin dashboards at zero cost. It offers high-quality Shadcn UI components, blocks, templates, and themes built with BaseUI + shadcn/ui.

FreeFreemiumDesign SystemsDark ModeLightweight+4
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

πŸš€ 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