Component Library

Aceternity UI

Make your website 10x more visually stunning with rich effects and animations.

Animata

Animata: Handcrafted animations and interactions for seamless integration into projects. Free and commercial-use.

Buoucoding UI

Buoucoding UI: Tailwind CSS library with components, sections, and templates for copy-paste use.

Chakra UI

Chakra UI: Simple, modular, and accessible component library for React apps.

Cult UI

Accessible and customizable components for copy-pasting into apps. Free and open-source.

DaisyUI

daisyUI is a plugin for Tailwind CSS. It works with all JS frameworks without JS bundle files. Install daisyUI as a development dependency and use it like any other Tailwind CSS utility class.

DotUI

DotUI: 40+ component styles to match your brand identity.

Dyna UI

Animated UI library designed for developers.

Eldora UI

Eldora UI: Reusable components for landing pages and user-facing marketing materials.

Fancy Components

Fancy Components is a website that provides free, open-source React components and microinteractions. It aims to help users easily add fun and appeal to their websites. It helps your website convey professionalism, attention to detail, and brand uniqueness, leaving a lasting impression on customers, and can also improve website conversion rates and reduce bounce rates.

Flowbite

Flowbite: Open-source library with 600+ Tailwind CSS components and Figma designs.

Frameblox

Frameblox: Ultimate Framer UI toolkit and component library to build and launch websites faster.

Frimousse

Frimousse is an open-source, lightweight, unstyled, and composable emoji picker for React—originally created for Liveblocks Comments.

Handsome CSS

Handsome CSS: Open-source UI components built with HTML and CSS.

Hyper UI

Hyper UI: The best Tailwind CSS component library with online debugging and HTML/JSX/Vue support.

LobeHub UI Kit

Lobe UI: Open-source UI components for building AIGC web applications.

Magic UI

Magic UI: 150+ free open-source animated components for React, TypeScript, Tailwind CSS, and Framer Motion.

Mantine

A rich React component library and hooks collection, supporting server-side rendering and dark mode. Completely free and open-source.

Motion

Motion is a powerful animation library that allows you to easily create complex animation effects.

Mui

Production-ready component library with integrated tools to simplify design system development.

NextUI

NextUI: A custom OS based on MinUI with screen sync fixes and advanced features.

Preline UI

Preline UI: A free open-source alternative to Tailwind UI with 595 components, 200+ examples, 5 templates, and Figma support.

Radix UI

Radix UI: Open-source component library optimized for speed, maintainability, and accessibility.

Radix Vue

Radix Vue: Unstyled, accessible components for building design systems in Vue.

Shadcn UI

shadcn/ui: Open-source accessible and beautiful component library for multiple frameworks.

Syntax UI

Build faster with pre-made Tailwind CSS components and Framer Motion-powered interactions.

TailAdmin

TailAdmin: Tailwind CSS-based admin templates with UI components for dashboards and backend panels in HTML, React, Next.js, and Vue.

The Component Gallery

Component Gallery: World-class UI component examples from top design systems for designers and developers.

UI-Layouts

UI-Layouts has 50+ components that are pretty handy. The mouse trail effects and 3D animations are especially useful - just copy and paste, saves me tons of time.

UI8

10,782 curated design resources to accelerate creativity. Join 914,313 global designers and creators.

Uiverse

Open-source UI elements built by the community for HTML/CSS, Tailwind, React, and Figma.

Untitled UI

Untitled UI is a large Figma design toolkit and React component library.

UVCanvas

UVCanvas: A React component library with dynamic canvases for web backgrounds, wallpapers, and design materials.

LDRS

Make redirection visual. If you want to know where the links on a website lead, Where Goes will show its complete path.

Loadership

Loadership: Copy-paste CSS loaders without installations or dependencies.

SVG Loaders

100+ Open Source SVG Spinners.You can use these SVG based loading icons (also known as spinners, throbbers, loaders) to visually indicate when content is loading or data is being fetched. These animations have been curated from a variety of sources and all have MIT License. Therefore, they can be used commercially without restrictions and it requires no attribution.