Code & Frameworks
CSS frameworks, HTML templates, JavaScript animation libraries, UI component kits for React, Vue, Angular, Svelte, and design system references.
Jump to: HTML & CSS Templates · CSS Frameworks · CSS Methodologies · CSS Animations · JS Animation Libraries · JS Chart Libraries · UI Components & Kits · React UI Libraries · Vue UI Libraries · Angular UI Libraries · Svelte UI Libraries · React Native UI Libraries · Design Systems & Style Guides
HTML & CSS Templates
| Resource | Description |
|---|---|
| All-Free-Download | Download free-website-templates |
| BootstrapMade | Elegant, clean and beautiful free templates using Bootstrap. |
| BootstrapTaste | Premium & Free Bootstrap Templates |
| Bootswatch | Free themes for Bootstrap |
| Colorlib | Almost any category of theme you can think of |
| Cruip | Fully coded HTML templates to help you easily build your startup landing page without hassles. |
| Free CSS | Huge collection of free templates |
| FreeHTML5 | Free & premium HTML5 and Bootstrap themes |
| Horizon UI | Trendiest open source Admin Template for React |
| HTML5Up | Very modern, unique responsive HTML5/CSS3 themes |
| HTMLrev | Free beautiful HTML5 templates and landing pages |
| Hubspot | Templates, infographics, banners and much more |
| KeenThemes | Free and Pro Html/Css3, Bootstrap5, Vue, React, Laravel templates |
| mashup-template | HTML5/CSS3 Free Templates |
| Mobirise | Great looking HTML5/CSS3 templates |
| Onepagelove | One-page websites, templates and resources |
| ScrewFast | Open-source Astro website template with sleek, customizable TailwindCSS components |
| Sneat Bootstrap 5 HTML Admin Template | Open-source & Easy to us Bootstrap 5 HTML Admin Template with Elegant Design & Unique Layout. |
| Splawr | Free web templates to kickstart your idea! |
| Start Bootstrap | Bootstrap starter themes |
| StyleShout | Brilliantly crafted free website templates |
| Templatemo | Minimal, resume, gallery themes and more |
| Themes For App | Free Bootstrap themes and landing pages |
| ThemeWagon | Collection of HTML5 Bootstrap templates from different categories |
| Tooplate | Tooplate: Free HTML Templates for everyone! |
| UIdeck | Free Landing Page Templates and Bootstrap Themes |
| W3css_templates | Some responsive W3.CSS website templates for you to use. |
| W3Layouts | W3Layouts: 3784+ Free Website Templates for 2020 |
CSS Frameworks
| Resource | Description |
|---|---|
| CSS Gradient | A collection of beautiful gradient backgrounds |
| CSS Icon Library | A comprehensive, open-source CSS icon library featuring 700+ vanilla CSS, SVG, and Figma UI icons |
| Magnific | Pattern library and design resource collection |
| Magnific | Free textures and design resources |
| 98.css | A design system for building faithful recreations of old UIs |
| Arwes | Web framework for futuristic sci-fi inspired UI designs with animations and sound effects |
| Axentix | Open source CSS Grid-based framework using HTML, CSS and JS |
| BeerCSS | CSS framework for building Material Design 3 interfaces quickly |
| Blaze UI | Open source modular CSS toolkit for rapid website development |
| Bojler | Email framework for building responsive and lightweight email templates |
| Bootstrap | Popular UI framework with extensive CSS and JS components |
| Bulma | Modern CSS framework based on Flexbox without JavaScript dependencies |
| Chota | A micro (~3kb) CSS framework |
| Cirrus CSS | A component and utility centric SCSS framework designed for rapid prototyping. |
| clay.css | Extensible and configurable micro CSS util class and SASS mixin for adding claymorphism styles to your components. |
| css-doodle | A web component for drawing patterns with CSS |
| Cutestrap | A strong, independent CSS Framework. |
| DAUB | Considered CSS component library — 73 components, 20 theme families, classless mode, AI-ready with llms.txt and MCP server. Zero build step |
| flowrift | Flowrift is a library made of beautifully designed Tailwind CSS UI blocks. |
| Fomantic UI | A community fork of Semantic-UI |
| Foundation | Mobile first framework with clean markup |
| Framework7 | Framework7 - is a free and open source framework to develop mobile, desktop or web apps with native look and feel. |
| Gutenberg | Modern framework to print the web correctly. |
| Halfmoon UI | A responsive and lightweight framework, designed for quickly building beautiful dashboards and product pages. |
| Hint.css | A pure CSS tooltip library for your lovely websites. |
| imagehover.io | Pure CSS Image Hover Effect Library |
| Ivory | A modern CSS framework for developing powerful web interfaces faster and easier |
| latex.css | Make your website look like a LaTeX document |
| lit | World's smallest responsive fire css framework (395 bytes). |
| Marx | Marx is the classless CSS reset to be used in any projects (namely small ones). |
| Material Bootstrap | Material Design with Bootstrap |
| Material Design Lite | Light framework based on Material Design. No JS dependency |
| Materialize | A modern responsive front-end framework based on Material Design |
| Metro 4 | Create your site quickly and effectively with Metro 4. impressive components library built on html, css, javascript. |
| Milligram.io | Minimalist CSS framework |
| mini.css | A minimal, responsive, style-agnostic CSS framework |
| MVP.css | A minimalist stylesheet for HTML elements. No class names, no frameworks, just semantic HTML and you're done |
| NES CSS | NES-style CSS Framework |
| Orbit | Orbit is the first CSS framework for creating simple or complex radial interfaces. |
| Paper CSS | Front-end printing solution |
| Picnic CSS | Lightweight and beautiful library |
| Pico.css | Elegant styles for all natives HTML elements without .classes and dark mode automatically enabled. |
| PSone | PS1 style CSS Framework, inspired by NES.css. |
| Pure CSS | A set of small, responsive CSS modules |
| Raster Simple Grid System | Minimal and straight-forward CSS grid system utilizing descriptive HTML rather than semantic CSS. |
| Sakura | A minimal classless css framework / theme. |
| Semantic UI | Empowers designers and developers by creating a shared vocabulary for UI |
| Shoelace.css | Lightweight, forward-thinking CSS library built with future CSS syntax |
| Skeleton | Extremely light framework for basic UI elements |
| Spectre CSS | Lightweight, modern CSS framework |
| StyleX | StyleX is a simple, easy-to-use JavaScript syntax and compiler for styling web apps. |
| Susy | Lightweight, grid-layout engine for Sass |
| Tachyons | Create fast loading, highly readable, and 100% responsive interfaces with as little css as possible. |
| Tacit | Primitive CSS Framework for dummies, without classes. |
| Tailwind CSS | Low level, utility-first framework |
| Terminal CSS | A modern and minimal CSS framework for terminal lovers. |
| Tufte | Style your webpage like Edward Tufte’s handouts. |
| Turret CSS | Turret CSS is a styles framework for development of responsive websites. |
| twind | The smallest, fastest, most feature complete tailwind-in-js solution in existence |
| UIKit | Lightweight and modular front-end framework |
| Uniform CSS | Fully configurable utility generator and CSS framework built entirely in Sass |
| UnoCSS | UnoCSS is the instant atomic CSS engine, that is designed to be flexible and extensible. The core is un-opinionated, and all the CSS utilities are provided via presets. |
| Vanilla Framework | Simple, extensible CSS framework written in Sass |
| W3.CSS | A modern CSS framework with support for desktop, tablet, and mobile design by default. Designed to be independent of jQuery or any other JavaScript library |
| Windi CSS | Next generation compiler for Tailwind CSS |
| Wing | A beautiful CSS framework designed for minimalists |
| XP.css | XP.css is an extension of 98.css. A CSS library for building interfaces that look like old UIs. |
CSS Methodologies
| Resource | Description |
|---|---|
| Atomic CSS | Atomic CSS is the approach to CSS architecture that favors small, single-purpose classes with names based on visual function. |
| BEM | Methodology for creating reusable components using Block Element Modifier naming |
| CUBE | CSS methodology focused on simplicity, pragmatism and consistency |
| SMACSS | Flexible style guide approach for structuring CSS in scalable and modular way |
CSS Animations
| Resource | Description |
|---|---|
| AniJS | AniJS is an animation library that allows you to add animations to elements in a simple ‘sentence-like’ structure |
| Animate.css | Just-add-water CSS animations |
| Animatopy | Just-add-water CSS animations snippets |
| Anime.js | Anime.js (/ˈæn.ə.meɪ/) is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes and JavaScript Objects |
| Animista | CSS Animations On Demand |
| AnimXYZ | AnimXYZ helps you create, customize, and compose animations for your website. Built for Vue, React, SCSS, and CSS |
| AniX | Super easy and lightweight css animation library. |
| AOS | Animate On Scroll Library. |
| Bounce.js | Bounce.js is a tool and JS library that lets you create beautiful CSS3 powered animations |
| CSS Loaders & Spinners | This is a library having a collection of different types of CSS loaders, spinners |
| CSShake | CSShake delivers exactly what it says on the box — a CSS library designed specifically for shaking elements within your web page |
| Gradienty Animations | Over 600+ Curated Animations ready to copy & paste. |
| Hamburgers | Hamburgers is a collection of tasty CSS-animated hamburger icons. Also included is the source as a Sass library. It’s modular and customizable, so cook up your own hamburger. |
| Hover.css | Hover.css is a CSS animation library designed for use with buttons and other UI elements in your website |
| Infinite | These animations, like rotations and pulses, that are specifically designed to run and repeat forever |
| Keyframes.app | A graphical user interface for generating custom CSS keyframe animations |
| Magic Animations | Animations has been one of the most impressive animation libraries available |
| Motion One | A new animation library, built on the Web Animations API for the smallest filesize and the fastest performance. |
| MOTION UI | A Sass library for creating flexible CSS transitions and animations |
| OBNOXIOUS.CSS | Animations for the strong of heart, and weak of mind |
| pocoloco | Generate dynamic backgrounds for your website |
| Sequence.js | Sequence.js is a JavaScript library that provides a responsive CSS framework for creating unique sliders, presentations, banners, and other step-based applications |
| SVG Artista | A useful tool to animate stroke and fill properties in SVG images with plain CSS code |
| Tachyons-animate | Tachyons itself is an atomic CSS library with a ton of utility classes for essentially designing anything by adding classes to what you need |
| thoughtbot | CSS Transitions and Transformations for Beginners |
| Whirl | CSS loading animations with minimal effort! |
| Zdog | Round, flat, designer-friendly pseudo-3D engine for canvas & SVG |
JS Animation Libraries
| Resource | Description |
|---|---|
| Atropos | Atropos is a lightweight, free and open-source JavaScript library to create stunning touch-friendly 3D parallax hover effects. |
| barba.js | Create fluid and smooth transitions between your website’s pages. |
| chocolat.js | Free lightbox plugin. |
| Granim.js | Create fluid and interactive gradient animations with this small javascript library. |
| GSAP | A JavaScript library for building high-performance animations that work in every major browser |
| KUTE.js | KUTE.js is a JavaScript animation engine for modern browsers. |
| lax.js | Simple & light weight vanilla javascript plugin to create smooth & beautiful animations when you scroll! |
| Lightbox2 | A small JS library to overlay images on top of the current page. |
| Locomotive Scroll | A simple scroll library that provides detection of elements in viewport & smooth scrolling with parallax. |
| Midnight.js | Midnight.js lets you switch fixed headers on the fly |
| mo.js | The motion graphics toolbelt for the web |
| nice-waves | Beautiful animated waves |
| Owl carousel | Free responsive jQuery carousel |
| Particles.js | A lightweight JavaScript library for creating particles |
| Popmotion | Simple animation libraries for delightful user interfaces. |
| Progress Bar.js | Responsive and slick progress bars with animated SVG paths. |
| Rellax.js | A buttery smooth, super lightweight, vanilla javascript parallax library |
| Roughnotation | Rough Notation is a small JavaScript library to create and animate annotations on a web page |
| Simple Parallax | The easiest way to get a parallax effect with javascript |
| Slick | Fully responsive carousel |
| Splide | Free, pure JS library for carousels and sliders |
| Splitting.js | Splitting creates elements and adds CSS variables to unlock amazing possibilities for animating text, grids, and more! |
| Swiperjs | Free, Open Source, Modern Slider without jQuery. Available for Vanilla JS and all modern frameworks like React, Vue, Angular etc. |
| Theatre.js | Theatre.js is a JavaScript animation library with a GUI. It animates the DOM, WebGL, and any other JavaScript variable. |
| three.js | An easy to use, lightweight, 3D library with a default WebGL renderer. |
| Tilt.js | A tiny requestAnimationFrame powered 60+fps lightweight parallax hover tilt effect for jQuery. |
| Tingle.js | Tingle is a simple modal plugin written in pure JavaScript |
| tsParticles | A lightweight library for creating particles, an improved version of the abandoned and obsolete particles.js |
| Typed.js | A JavaScript Typing Animation Library. |
| Vanta.js | Animated website backgrounds in a few lines of code. |
| Velocity.js | Velocity is a lightweight animation engine with the same API as jQuery's $.animate() |
| Vivus | Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearence of being drawn. |
| wow.js | Reveal Animations When You Scroll. |
JS Chart Libraries
| Resource | Description |
|---|---|
| AntV | Ant Design Charts, free JS Charts library for dynamic data with excellent documentation |
| ApexCharts.Js | Modern & Interactive Open-source Charts |
| Chartist | Simple responsive charts |
| ChartJS | Simple yet flexible JavaScript charting for designers & developers |
| Data Driven Documents (D3) | Bind complicated and massive data to interactive graphs. |
| Echarts | An Open Source JavaScript Visualization Library with declarative syntax for Rapid Construction of Web-based Visualization |
| FrappeJS | Includes Green squares grid like in GitHub, and other charts to use. |
| G2Plot | G2Plot is an interactive and responsive charting library based on the grammar of graphics. |
| Google Charts | Get the experience from Google to create similar charts that Google uses. |
| Nivo | Nivo provides supercharged React components to easily build dataviz apps, it's built on top of d3. Also comes with server side rendering ability and fully declarative charts. |
| VChart | VChart is not only a multi-terminal chart library that can be used out of the box, but also a vivid and flexible data storyteller. |
| Vizzu | Vizzu - a free, open-source Javascript library for building animated charts, data stories, and interactive explorers. |
| VStory | VStory is a feature-rich narrative system that can use VisActor's VChart and VTable, combined with built-in components, to create visual works. |
| VTable | VTable is a high-performance multidimensional analysis component developed based on Canvas. When compared with traditional DOM table components, VTable primarily addresses rendering and interaction performance issues in the context of large amounts of data. |
UI Components & Kits
| Resource | Description |
|---|---|
| 21st.dev | A community-driven registry of React UI components built with Tailwind CSS and Radix UI. |
| AdminLTE | Best open source admin dashboard & control panel theme |
| AgnosticUI | Accessible React component primitives that also work with Vue 3, Svelte, and Angular |
| Ark UI | Headless UI component library that works with React, Vue, and Solid with built-in accessibility. |
| Bit | Provides a huge library of reuseable UI Components for React, Angular, Vue, React Native. Also can be used for sharing UI Components among other team members |
| Brumm Shadow Maker | An online tool to make css shadows |
| Bundui | Discover a curated collection of over 200 handcrafted UI components made with Tailwind CSS, React, and Shadcn UI. |
| Codrops | A collection of UI kits and design resources shared by the Codrops community. |
| Codyhouse | Kick-start your web projects with CodyHouse's front-end framework and library of accessible HTML, CSS, JavaScript components |
| CoreUI | Bootstrap Admin Dashboard Template & UI Components Library |
| Craftwork | A marketplace for UI kits, templates, and design resources. |
| Creative Tim | All types of UI libraries and kits including JS frameworks like React |
| CSS Grid Generator | An open-source project that allow users to quickly create dynamic layout based on CSS Grid. |
| CSS Layout | A collection of popular web layouts and patterns in pure CSS |
| CSSnippets | Explore a vast collection of HTML, React, CSS and Tailwind CSS code snippets for buttons, box-shadows, cards, checkboxes, dropdowns and many more. |
| Daemonites Material Design For Bootstrap | Daemonite's Material UI is a cross-platform and fully responsive front-end interface based on Google Material Design developed using Bootstrap 4 |
| daisyUI | Tailwind CSS Components |
| Designmodo | Free and premium UI kits, templates, and design tools. |
| DevUI | Free and Open-Source UI Components for Maximum Productivity. |
| Epic Spinners | CSS spinners collection with Vue.js integration. |
| Fast | An interface system that can be used with modern Web Frameworks such as React, Vue and Angular. |
| Figma Bootstrap 5 UI Kit | UI Kit comprising 300+ organized Bootstrap 5 components built with atomic design system & auto layout. |
| Flat UI | Minimal free user interface kit |
| Float UI | Free and open-source UI components and website templates using Tailwind CSS |
| Flowbite | Open-source library of Tailwind CSS components |
| Flowbite Admin Dashboard | Free and open-source admin dashboard template built with Tailwind CSS and Flowbite featuring 15 examples pages, charts, widgets, and dark mode. |
| Froala Design Blocks | Over 170 responsive design blocks ready to be used in your web or mobile apps |
| Headless UI | Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS. |
| Headless UI | Completely unstyled, accessible UI components from Tailwind Labs for React and Vue. |
| HyperUI | Free open source Tailwind CSS components for marketing and ecommerce websites, as well as application UI. |
| InVision Freehand | Collaborative UI design tool with a collection of free UI kits and templates. |
| Kitwind | Fully responsive UI kits, built with Tailwind CSS. |
| Konsta UI | Pixel perfect mobile UI components built with Tailwind CSS |
| Kuma UI | With Kuma UI's headless, zero-runtime UI components, build top-performing websites effortlessly, while enjoying the best developer experience. Say hello to the future of CSS-in-JS. |
| Kutty | A set of accessible and reusable prebuilt Tailwind components that are commonly used in web applications. |
| Loading.io | Online service provider for creating simple animations, spinners, progress bar and more |
| LottieFiles | Interactive animations in many formats like json,gif and mp4, libraries and plugins for Web & Mobile . |
| Mamba UI | Mamba UI is a free, open-source collection of UI components and templates based on Tailwind CSS. |
| Material Design For Bootstrap | Open source toolkit for building material design with Bootstrap |
| Medialoot CSS Components | Calendars, price grids and other UI components |
| Meraki UI Components | Beautiful Tailwindcss components that support RTL languages & fully responsive based on Flexbox & CSS Grid. |
| Moving Letters | Animated Text with JavaScript and anime.js |
| Mui Treasury | An open-source project that provides a collection of ready-to-use components based on Material-UI. |
| Next UI | Beautiful, fast, and modern React UI library with first-class support for dark mode and themes. |
| Notiflix | JavaScript library for client-side non-blocking notifications, popup boxes, loading indicators, and more that makes your web projects much better |
| Park UI | Beautifully designed components built on Ark UI, with support for multiple CSS frameworks. |
| Photonkit | Desktop UI library for Electron |
| Pines | Pines is a library of animations, sliders, tooltips, accordions, modals, and more! It's a set of UI elements that can be copy and pasted into any Alpine and Tailwind projects. |
| Pixel Buddha | Free and premium design resources, including UI kits, templates, and mockups. |
| React Native Gifted Chat | A chat UI component that offers a ready-to-use chat interface with features like message bubbles, input toolbar, and more. |
| Shadcn Examples | Examples and components built with React and Tailwind CSS, compatible with Shadcn UI. |
| Shadcn studio | Preview your theme changes across different components and layouts. |
| Shadcnui Blocks | Effortless Shadcn UI Component Previews & Code Snippets. |
| Shards | A free and modern UI toolkit for web makers based on Bootstrap |
| SketchRepo | A collection of free Sketch UI kits and resources. |
| Sonner | An opinionated toast component for React. |
| SpinKit | Simple CSS Spinners |
| Stitches | An HTML template generator using functional css. |
| Stitches | CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience. |
| Styled components | Build beautifully UI Components, for your applications & websites. |
| SVGR | SVGR is an universal tool to transform a raw SVG into a ready-to-use React components. Available online, in CLI, Node.js, as a webpack/rollup/parcel plugin... |
| sweetalert | SweetAlert makes popup messages easy and pretty. |
| sweetalert2 | A beautiful, responsive, customizable, accessible replacement for javascript's popup boxes |
| Tail-Kit | Tail-kit gives you access to over 250 free components and free templates, based on Tailwind CSS 3.0. |
| tailblocks | Open source ready-to-use Tailwind CSS components. |
| Tailwind Starter Kit | Tailwind Starter Kit a beautiful extension for TailwindCSS, Free and Open Source |
| Tailwind Templates | A free collection of Tailwindcss Templates - tailwind components for rapid UI development. |
| tailwindcomponents | A free repository for community components using TailwindCSS |
| Tailwindtoolbox | Open source starter templates and components, a plugins directory and useful tools/utilities to kick start your Tailwind CSS project. |
| Themesberg | Free and open-source website themes, templates, and UI kits based on Bootstrap and React |
| Tilda | A web design platform with a collection of UI kits and templates. |
| UI Store | Free and premium UI kits, templates, and design resources for various design projects. |
| UI8 | Premium UI kits, design systems, and resources for designers. |
| UILang | A minimal, UI-focused programming language for web designers |
| uiverse | Hundreds Open-Source UI elements, made with HTML & CSS. Anyone can contribute. Includes buttons, checkboxes, spinners, cards, inputs and more. |
| Uplabs | A platform for sharing UI kits, templates, and design resources. |
| Wicked Blocks | A free collection of Tailwind blocks & components |
| Wind UI | Expertly made, responsive, accessible components in React and HTML ready to be used on your website or app. |
React UI Libraries
| Resource | Description |
|---|---|
| @tsparticles/react | A lightweight React component for creating particles |
| @use-gesture | Bread n butter utility for component-tied mouse/touch gestures in React. |
| Aceternity UI | Copy paste the most trending components and use them in your websites without having to worry about styling and animations. |
| Ant Design | Open source design React UI library. |
| Arco Design | A comprehensive React UI components library based on the Arco Design system. |
| Backpack UI | Backpack is the Lonely Planet toolset that we use to build front end apps. |
| Base UI | Unstyled UI components for building accessible web apps and design systems. From the creators of Radix, Floating UI, and Material UI. |
| Base Web | Base Web provides a robust suite of components out of the box |
| BlueprintJS | React-based UI toolkit for the web |
| Bumbag | Bumbag is a friendly React UI Kit suitable for MVPs or large-scale applications. |
| Carbon React | Extensive library of React components for Websites and UI's. Based on the Carbon Design System from IBM |
| Carolina Admin Dashboard | Free React admin template is powered by Material-UI components framework and features a clean and fresh design following Google's Material Design specifications. |
| Chakra Templates | A growing collection of hand-crafted & responsive Chakra UI templates ready to drop into your React project. |
| Chakra UI | Build accessible React apps & websites with speed. Openchakra |
| Choc UI | Choc UI is a set of accessible and reusable components that are commonly used in web applications. |
| Code UI | Beautifully designied mobile responsive components built with HTML, CSS , JS and React, Typescript, Tailwind CSS, and Framer Motion. 100% open-source, and customizable. |
| Edil Ozi | Component Library for Developers. Open Source components you can copy and paste to your apps. |
| Elastic UI | Distributes UI React components and static assets for use in building web layouts |
| Eldora UI | Collection of re-usable components that you can copy and paste into your web apps. It primarily features components, blocks, and templates. |
| Elemental UI | A UI Toolkit for React.js Websites and Apps |
| Elementz | A React Component library for buliding modern applications easily & quickly. |
| Evergreen | Design system for React |
| Framer Motion | A React library to power production-ready animations. |
| Gestalt | A set of React UI components that supports Pinterest’s design language. |
| Grommet | mobile first UI component library |
| HeroUI - Previously NextUI | Beautiful, fast and modern React UI library that allows you to create beatiful websites regardless of your design experience. |
| Landing Page Template | Open source landing page template for react |
| Magic UI | free and open-source animated components built with React, Typescript, Tailwind CSS, and Framer Motion. |
| Mantine | React components and hooks library with native dark theme support focused on usability, accessibility and developer experience. |
| Material UI | React components for faster and easier web development, based on Material Design |
| Materio MUI React NextJS Admin Template | Most Powerful & Comprehensive Open-source MUI React NextJS Admin Dashboard Template built for developers. |
| OAH-Admin | a free React admin dashboard template based on Gatsby with oah-ui components and elements package. |
| Onsen React | Distributes Components for hybrid mobile apps with React and Onsen UI |
| Orbit | Design system and React UI components for travel projects. |
| particles-bg | A React particles animation background component |
| Primer Components | Primer Components are React components which implement GitHub's Primer Design System |
| PRIMEREACT | The ultimate collection of design-agnostic, flexible and accessible React UI Components |
| Radix UI | Unstyled, accessible components for building high‑quality design systems and web apps in React |
| React Admin | A frontend Framework for building admin applications. Supports API's out of the box |
| React Aria | A library of React Hooks that provides accessible UI primitives for your design system. |
| React Bootstrap | Bootstrap rebuilt for React. Include Bootstrap components right in your JavaScript |
| React Desktop | Desktop styled components in React. Includes MacOS and Windows based components |
| React Rainbow | React Rainbow is a collection of components that will reliably help you build your application in a snap. |
| React Resizable Panels | React components for resizable panel groups/layouts. |
| React Semantic UI | UI components based off of the Semantic UI framework |
| React Spectrum | A React implementation of Spectrum, Adobe’s design system. |
| React Spring | Spring-physics based animation library for React applications. |
| React Suite | A suite of React components, sensible UI design, and a friendly development experience. |
| React Toolbox | Material design UI library for React |
| React Use Smooth Scroll | React Provider Component to add a smooth scroll effect |
| React Virtualized | UI set for data. Includes tables, lists, sorting, etc. |
| React-WeUI | React-WeUI made from our love of React and WeChat's WeUI Design. |
| React95 | Refreshed Windows 95 style UI components for your React app. |
| ReactStrap | Another Bootstrap UI library for React |
| Reakit | Reakit is a lower level component library for building accessible high level UI libraries, design systems and applications with React. |
| Reaviz | Data visualization library for React based on D3 |
| Rebass | React primitive UI components built with styled system |
| Recharts | A composable charting library built on React components. |
| Ring UI | A collection of JetBrains Web UI components. |
| Semi Design | A modern, comprehensive, flexible design system that gives you all modular blocks you need to build sensible web apps & SaaS products. |
| Sha-el-design | React components for easier customization and smooth development flow. |
| Shadcn Templates | Free collection of Shadcn UI templates, components, blocks, boilerplates, and more. |
| shadcn/ui | Beautifully designed components built with Radix UI and Tailwind CSS. |
| Shards React | React UI kit featuring a modern design system with dozens of custom components |
| StyleSeed | Design engine that makes Claude Code and Cursor produce professional UI. 48 shadcn-style React components, 69 design rules, 11 AI slash-command skills, and swappable brand skins (Toss, Stripe, Linear, Vercel, Notion) on Tailwind CSS v4 + Radix UI. |
| Supabase UI | An open-source UI component library inspired by Tailwind and AntDesign. |
| Tabler | Tabler is a free React admin dashboard template ideal for any kind of back-end web application. |
| Theme UI | Build consistent, themeable React apps based on constraint-based design principles |
| Treact | Gallery of free and modern React templates and UI components developed using TailwindCSS as the front-end framework |
| Tremor | React components to build charts and dashboards with |
| ui-playbook | The documented collection of UI components |
| Vercel UI | Modern and minimalist React UI library |
| xstyled | A CSS-in-JS framework built for React with props based utilities like display, fontSize or rotate. |
| Zent | A collection of essential UI components written with React. |
Vue UI Libraries
| Resource | Description |
|---|---|
| @tsparticles/vue2 | A lightweight Vue 2.x component for creating particles |
| @tsparticles/vue3 | A lightweight Vue 3.x component for creating particles |
| Antdv | UI library for Vue based on Ant Design |
| Arco Design Vue | A comprehensive Vue UI components library based on the Arco Design system. |
| AT-UI | AT-UI is a modular front-end UI framework for developing fast and powerful web interfaces based on Vue.js. |
| BalmUI | BalmUI is a modular and customizable Material Design UI library for Vue.js. |
| Bootstrap Vue | Use Bootstrap components with Vue |
| Buefy | Lightweight UI components based on Bulma |
| Chakra UI Vue | Chakra UI is a simple modular and accessible component library that gives you the building blocks to build Vue applications with speed. |
| Cube UI | A fantastic mobile ui lib implement by Vue.js |
| Element | Desktop UI library for Vue |
| Equal UI | Open-source Vue 3 components system for your next project based on TypeScript |
| Fish UI | Vue UI toolkit for the web |
| Grace | Design System For Vue Applications. |
| Inkline | Inkline is a modern UI/UX Framework for Vue.js designed for creating flawless responsive web applications |
| Keen UI | VueUI library with a simple API, inspired by Google's Material Design |
| Materio Vuetify Vuejs Admin Template | Open-source & Easy to use Vuetify Vuejs Admin Template with Elegant Design & Unique Layout |
| Mint UI | Mobile UI elements for Vue.js |
| Muse UI | Based on the Vue 2.0 elegant Material Design UI component library |
| Naive UI | A Vue 3 Component Library. Fairly Complete. Customizable Themes. Uses TypeScript. Not too Slow. |
| NuxtLabs UI | Fully styled and customizable components for Nuxt. |
| Onsen Vue | Distributes Components for hybrid mobile apps with Vue and Onsen UI |
| Oruga | Oruga is a lightweight library of UI components for Vue.js without CSS framework dependency. |
| Prime Vue | Powerful yet simple to use, versatile, performant Vue UI Component Library to help you build stunning user interfaces. |
| Quasar | High-performance Material Design component suite with builders for SPA, SSR, PWA, Mobile (Cordova & Capacitor), Desktop (Electron) and Browser extensions |
| Semantic UI Vue | Semantic UI Vue is the Vue integration for Semantic UI |
| shadcn-vue | Vue port of shadcn-ui. |
| Shards Vue | A high-quality & free Vue UI kit featuring a modern design system with dozens of custom components |
| TC Components | A library of high-quality ready to use components that will help you speed up your development workflow. |
| Vant | Lightweight Mobile UI Components built on Vue. |
| Varlet | Varlet is a Material design mobile component library developed based on Vue3, developed and maintained by partners in the community. |
| VEUI | VEUI is an enterprise UI component library, based on Vue.js. |
| View UI | Dozens of useful and beautiful Vue components made for people with all skill levels with extensive documentation. |
| Vue Final Modal | Vue Final Modal is a tiny, renderless, mobile-friendly, feature-rich modal component for Vue.js. |
| Vuejsexamples | A nice collection of useful vuejs UI components |
| Vuesax | Unique and reusable UI components |
| Vuestic | Free and Open Source UI Library for Vue 3 🤘. |
| VueTailwind | Set of Lightview and fully customizable Vue Components optimized for TailwindCSS. |
| Vuetensils | Vuetensils is a lightweight component library for Vue 2.x that brings some of most common UI features, but only the bare minimum styles to avoid adding any extra bloat. You can work on the branding, and don't have to worry about the accessibility. |
| Vuetify | Material design component framework |
| Vuikit | A consistent and responsive Vue UI library, based on the front-end framework UIkit. |
| Wave UI | A Vue.js UI framework with only the bright side. |
| Weex UI | A rich interaction, lightweight, high performance UI library based on Weex. |
Angular UI Libraries
| Resource | Description |
|---|---|
| Alyle UI | Minimal components set for Angular |
| Clarity | CSS based Angular UI framework developed by VMware group |
| Covalent UI | Angular UI Platform focused on solving common enterprise needs |
| Material Angular | UI library for Angular based on Material design |
| Multi select dropdown | For multi select drop-dowm in forms |
| Nebular | Customizable UI Kit, Auth & Security for Angular |
| NG Bootstrap | UI library for Angular based on the Bootstrap framework |
| NG Lightning | Native Angular components & directives for Lightning Design System |
| NG Particles | A lightweight Angular component for creating particles |
| NG Semantic | UI library for Angular based on Semantic UI |
| NG Zorro | UI library for Angular based on Ant Design |
| NGX Bootstrap | Another UI library for Angular based on the Bootstrap framework |
| ngx-admin | Admin template based on Angular 10+ and Nebular |
| Onsen Angular | Hybrid mobile and PWA UI library for Angular and Onsen UI |
| Pagination for datatables | npm library for pagination |
| PrimeNG | Powerful UI component library for Angular |
| spartan | Cutting-edge tools powering Angular full-stack development. |
| Taiga UI | Taiga UI is fully-treeshakable Angular UI Kit consisting of multiple base libraries and several add-ons. |
Svelte UI Libraries
| Resource | Description |
|---|---|
| Aceternity UI Svelte | Free Incredible Animated Components. |
| Attractions | A pretty cool UI kit for Svelte |
| bits-ui | The headless components for Svelte |
| Carbon Components Svelte | A component library that implements the Carbon Design System, an open source design system by IBM. |
| Flowbite-Svelte | Flowbite-svelte is an open-source UI component library built with Svelte components, Tailwind CSS utility classes and based on the Flowbite design system |
| melt-ui | A set of headless, accessible component builders for Svelte |
| Radix Svelte | This is a port of Radix UI for Svelte. |
| shadcn-svelte | shadcn-svelte is an unofficial community-led Svelte port of shadcn/ui. |
| Skeleton | Skeleton is an open source UI toolkit built with Svelte + Tailwind that allows you to create reactive web interfaces using Svelte + Tailwind CSS. |
| Svelte Flat UI | UI library for Svelte based on Flat Design |
| Svelte Material UI | UI library for Svelte based on Material Design |
| Svelte UX | Collection of Svelte components, actions, stores, and utilities to build highly interactive applications. |
| Svelteit | A minimalistic UI/UX component library for Svelte and Sapper projects |
| SvelteStrap | UI library for Svelte based on the Bootstrap framework |
React Native UI Libraries
| Resource | Description |
|---|---|
| Ant Design Mobile RN | An Ant design based configurable Mobile UI component library based on React Native. |
| Magnus UI | Magnus UI is the ultimate UI framework that helps you in building consistent user interfaces effortlessly in react native |
| Moti | Moti is the universal animation package for React Native |
| NativeBase | Essential cross-platform UI components for React Native & Vue Native. |
| React Native Elements | Cross Platform React Native UI Toolkit that provides an all-in-one UI kit for creating apps in react native. |
| React Native Paper | React Native Paper is a high-quality, standard-compliant Material Design library that has you covered in all major use-cases |
| React Native UI Lib | React Native UI (RNUI) is a UI Toolset & Components Library for React Native from Wix |
| Shoutem UI | Shoutem UI toolkit enables you to build professionally looking React Native apps with ease. |
| SnackUI | SnackUI is a UI Kit for React Native + react-native-web that's much faster rocket with an optimizing compiler. |
| tailwind-rn | Use Tailwind CSS in React Native projects. |
| Tamagui | Universal React design systems that optimize for native & web. |
| UI Kitten | UI Kitten is React Native framework for creating stunning cross-platform mobile applications. Design system based, brings your product from MVP to enterprise. |
Design Systems & Style Guides
| Resource | Description |
|---|---|
| Alta UI | Oracle's design system and toolkit |
| Apple Design Resources | Guides and templates for using Apple design and UI |
| Asphalt | Gojek’s design language system. A collection of guidelines and components to create amazing user experiences. |
| AtlasKit | Atlassian's official UI library, built according to the Atlassian Design Guidelines |
| Atlassian Design System | Design guidelines and resources for creating Atlassian products. |
| Atomize | UI framework that helps developers collaborate with designers and build consistent user interfaces effortlessly |
| Audi Design Resources | Audi UI design system and toolkit |
| Bolt | Robust Twig and web component powered UI components |
| Carbon Design Systems | Carbon is IBM’s open-source design system for products and experiences |
| Checklist Design | Checklist Design is a curated list of checklists ranging from website pages, to UI components, all the way to branding assets. |
| Comet | Scalable design system of visual language, components, and design assets |
| Design Principles For Developers | A resource to improve Design principles and guidelines for developers. |
| DesignSystem.codes | A collection of resources and tools for creating design systems. |
| Done Design System | Open source design system, guides & components |
| Elastic UI | Elastic's design system for creating engaging user experiences. |
| ETrade Design System | Guides and toolkits that blend finance with simplicity and ease of use |
| Evergarden | A set of guidelines and resources for creating intuitive and consistent interfaces. |
| Fluent Design System | Microsoft's design system for building cross-platform experiences. |
| Fundamental Library | Open source and community driven project for consistent user interfaces |
| Human Interface Guidelines | Apple's design principles and guidelines for creating intuitive user experiences. |
| Humane By Design | A resource that provides guidance for designing ethically humane digital products through patterns focused on user well-being. |
| Infor Design | Guidelines and resources to create meaningful experiences for Infor’s products |
| Laws of UX | A collection of the key maxims that designers must consider when building user interfaces. |
| Lexicon | An experience language for crafting beautiful UI |
| Marvel Style Guide | Set of design principles and components |
| Material Design | Google's Material Design |
| Material Design | Google's design system for building high-quality digital experiences. |
| Microsoft Fluent UI | Collection of UX frameworks from Microsoft |
| Mozilla Protocol | Protocol is a design system for Mozilla and Firefox websites |
| Once UI | Open-source design system for Next.js with 100+ components, deployment-ready app templates, and Figma integration |
| Patterfly | PatternFly is an open source design system from Red Hat, Inc. |
| Patterns | A resource to improve on design patterns and component patterns for building powerful web apps with vanilla JavaScript and React. |
| Pivotal UI | A design system for creating cohesive user experiences in Pivotal's products. |
| Pluralsight Design System | Design guide with components for designing with Pluralsight |
| Polaris | Design system that creates great experiences for all of Shopify’s merchants |
| Pr1mer Guidelines | An open source set of very general guidelines, inspired by Human Interface. Created and maintained by Pr1mer Tech |
| Primer | Design, build, and create with GitHub’s design system |
| Pulse | Design system, guides and React component library |
| Rizzo | Style guide with UI components, JS components, widgets, etc |
| SendGrid Style Guide | UI library for developing consistent UI/UX at SendGrid |
| Skoda Brand System | Design guideline for developing applications under the Skoda brand |
| Spectrum | Adobe’s design system that provides components and tools to help product teams work more efficiently, and to make Adobe’s applications more cohesive. |
| StyleGuides.io | A directory of 500+ styleguides |
| VTEX Styleguide | Reusable patterns, components and assets related to product design in VTEX |
| Yelp Style Guide | Yelp style guide, components and toolkit |
Vibe Coding & AI Dev
| Resource | Description |
|---|---|
| brandsinmotion.xyz | This is a list organized into Claude, Gemini, and General categories. |
| github.com | This is a list organized into Claude, Gemini, and General categories. |
| github.com | This is a list organized into Claude, Gemini, and General categories. |
| github.com | This is a list organized into Claude, Gemini, and General categories. |
| hoyokin.tistory.com | This is a list organized into Claude, Gemini, and General categories. |