Component Library

React, Vue, Angular component library, speed up development.

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

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

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

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

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

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.

40+ component styles to match your brand identity.

Animated UI library designed for developers.

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

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: Open-source library with 600+ Tailwind CSS components and Figma designs.

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

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

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

Beautiful components with Figma included. Lightweight and fast, fully customizable with smooth animations (Native CSS) and accessibility built in (React Aria). No more copy-pasting outdated code.

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

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

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

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

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

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

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

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

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

Unstyled, accessible components for building design systems in Vue.

Open-source accessible and beautiful component library for multiple frameworks.

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

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

Tailark is a free SaaS/AI website template site, the core is Shadcn Blocks pre-built components, and also includes various functional modules of the website. For designers, the ready-made modern responsive UI effects can be directly reused, adapted to multiple terminals, saving the trouble of designing from scratch; for developers, the components come with source code, are highly customizable, and support AI model integration.

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

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.

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

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

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

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

Animation Library

Animation library, making it easy to implement complex animation effects

All-in-one animation engine.A fast and versatile JavaScript library to animate anything.

Loading Animations

A collection of based loading icons (also known as spinners, throbbers, loaders) ready to use. Bookmark it for later, you’ll love it.

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

Copy-paste CSS loaders without installations or dependencies.

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.