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.

    All

    icon of Angular

    Angular

    icon of Astro

    Astro

    icon of Figma

    Figma

    icon of Framer

    Framer

    icon of HTML

    HTML

    icon of Laravel

    Laravel

    icon of Next.js

    Next.js

    icon of Nuxt.js

    Nuxt.js

    icon of React

    React

    icon of React Native

    React Native

    icon of Ruby on Rails

    Ruby on Rails

    icon of Svelte

    Svelte

    icon of Swift

    Swift

    icon of Vite

    Vite

    icon of Vue.js

    Vue.js

    icon of Webflow

    Webflow

By Frameworks

Next.js Component Libraries

Why code every UI element from scratch? Find the best component library for Next.js to use in your project

5 libraries found

image of Shadcnblocks
Next.jsReactAstro
See more

Shadcnblocks

Details

A collection of high-quality, pre-built UI components for shadcn/ui

FreemiumTailwindCSSResponsivePaidFree+3
Tailwind CSS Components ( version 4 update is here )
ReactAstroVue.jsAngularNext.jsNuxt.jsSvelteHTML
See more

Daisy UI

Details

daisyUI is the Tailwind CSS plugin you will love! It provides useful component class names to help you write less code and build faster.

FreeCustomizableResponsiveTailwindCSSAccessibility+2
HeroUI (Previously NextUI)
ReactNext.jsViteAstroLaravel
See more

HeroUI (NextUI)

Details

A sleek and modern component library for React, offering ready-to-use UI elements that enhance design efficiency.

FreeResponsiveCustomizableTailwindCSSLightweight+1
image of Badtz UI
Next.jsReact
See more

Badtz UI

Details

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

AccessibilityCustomizableDark ModeFreeMobile Support+3
image of SHSF UI
ReactNext.js
See more

SHSF UI

Details

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

FreeResponsiveTailwindCSSDark ModeCustomizable+1
  • Previous
  • 1
  • Next

FAQ

Using UI Component Libraries in Next.js

Answers to frequently asked questions, telling you everything you need to know about using UI component libraries with Next.js

Next.js is a React-based framework that enables developers to build server-side rendered and statically generated web applications with ease. It offers features like automatic code splitting, optimized performance, and a straightforward development experience, making it a popular choice for modern React projects.