Open-source web-design software
1642 open-source libraries, tools and applications tagged web-design, ranked by how closely web-design is their primary purpose, then by adoption and maintenance health. Each entry links to a page with sources, use cases and when to choose or avoid it.
1642 products, primary matches first, then adoption-weighted; health v2 shown.
| Product | Health v2 | Stars | Maturity |
|---|---|---|---|
| Ant Design Ant Design is an enterprise-class UI design language and a comprehensive React component library written in TypeScript. It provides a large… | 94 | 99731 | stable |
| animate-css/animate.css Animate.css is a cross-browser CSS library providing dozens of ready-made animation classes like fades, bounces, and attention seekers. Dev… | 23 | 82851 | stable |
| Font Awesome Font Awesome is a widely used icon toolkit providing SVG, font, and CSS assets. It offers thousands of icons that can be integrated into we… | 84 | 76960 | active |
| Penpot Penpot is an open‑source, web‑based design platform for creating UI mockups, wireframes and prototypes. It can be self‑hosted, giving teams… | 97 | 60343 | active |
| Penpot Penpot is an open-source, browser-based design and prototyping platform for product teams, built with Clojure/ClojureScript. It offers UI d… | 97 | 60343 | stable |
| Vue Core Vue.js is a progressive, incrementally-adoptable JavaScript framework for building web user interfaces, written in TypeScript. It features … | 100 | 54658 | stable |
| Semantic UI Semantic UI is a JavaScript‑based UI component library that provides a large collection of styled elements and behaviors. It emphasizes nat… | 23 | 51021 | active |
| Bulma Bulma is a modern, pure‑CSS framework built on Flexbox that provides ready‑to‑use responsive UI components. It ships as a single CSS file (… | 69 | 50038 | active |
| Bulma Bulma is a free, open-source modern CSS framework based on Flexbox and CSS Grid, providing ready-to-use frontend components via a single CS… | 69 | 50038 | stable |
| React Bits React Bits is an open-source collection of 165+ animated, interactive, and fully customizable React components for text animations, backgro… | 68 | 48860 | active |
| ColorlibHQ/AdminLTE AdminLTE is a free, MIT‑licensed admin dashboard template built on Bootstrap 5 with vanilla JavaScript/TypeScript. It provides ready‑made l… | 98 | 45643 | active |
| Vuetify Vuetify is a Vue.js component framework implementing Material Design with a large library of prebuilt UI components. It provides theming, l… | 95 | 41032 | stable |
| Layui Layui is an open-source, MIT-licensed Web UI component library built with vanilla HTML, CSS, and JavaScript, offering a lightweight modular… | 93 | 30578 | active |
| Foundation for Sites Yeti (formerly Foundation for Sites) is a CSS‑first, zero‑build layout and styling framework that provides intent‑based layout primitives, … | 67 | 29798 | active |
| Nutlope/hallmark Hallmark is a design skill/plugin for AI coding assistants like Claude Code, Cursor, and Codex that generates web UI which avoids generic '… | 54 | 29044 | active |
| PostCSS PostCSS is a JavaScript framework for transforming CSS via a plugin ecosystem, parsing stylesheets into an AST that plugins can analyze and… | 96 | 28975 | stable |
| google-labs-code/design.md DESIGN.md is a format specification for describing a visual identity and design system to coding agents, combining YAML design tokens with … | 77 | 28380 | active |
| GraphiteEditor/Graphite Graphite is a free, open‑source 2D graphics suite that combines vector and raster editing with a node‑based procedural engine. It runs as a… | 68 | 27641 | active |
| onlook-dev/onlook Onlook is an open‑source visual editor that lets designers build, style, and edit React applications directly in the browser. It combines a… | 63 | 26801 | active |
| GrapesJS GrapesJS is a free and open-source web builder framework for creating drag-and-drop visual editors that let users build HTML-like templates… | 99 | 26310 | active |
| Feather Icons Feather is a collection of open-source SVG icons designed on a 24x24 grid with an emphasis on simplicity and consistency. It ships as an np… | 24 | 26009 | stable |
| Simple Icons Simple Icons is a collection of over 3400 free SVG icons for popular brands, available via npm package, CDN, or direct download from simple… | 95 | 25994 | active |
| Select2 Select2 is a jQuery-based replacement for native HTML select boxes that adds searching, tagging, remote data loading via AJAX, and infinite… | 81 | 25908 | stable |
| Lucide Lucide is an open-source icon library providing 1600+ consistent, customizable SVG icons, forked from Feather Icons. It ships official pack… | 96 | 25177 | active |
| Lucide Lucide is an open‑source icon toolkit offering over 1,800 lightweight SVG icons. It provides packages for plain JavaScript, React, Vue and … | 96 | 25177 | active |
| alchaincyf/huashu-design Huashu Design is an agent-agnostic skill (installable via skills.sh) that turns one-line prompts into production-quality HTML-native design… | 60 | 24608 | active |
| mdbootstrap/mdb-ui-kit MDB UI Kit is a Material Design component library built on Bootstrap 5 with plain vanilla JavaScript, offering 700+ components such as moda… | 64 | 24255 | active |
| tailwindlabs/heroicons Heroicons is a set of 316+ free MIT-licensed hand-crafted SVG icons from the makers of Tailwind CSS, available as raw SVGs and as first-par… | 56 | 23835 | stable |
| Pure CSS Pure is a set of small, responsive CSS modules providing a minimalist foundation for web projects, including grids, forms, buttons, tables,… | 49 | 23723 | stable |
| Dracula Theme Dracula Theme is a dark color scheme that works across 400+ applications and editors. It provides a unified look for terminals, IDEs, brows… | 66 | 23601 | active |
| Magic UI Magic UI is an open-source library of 150+ animated React components and effects built with TypeScript, Tailwind CSS, and Motion (Framer Mo… | 74 | 22768 | active |
| React-Bootstrap React-Bootstrap rebuilds Bootstrap 5 components as true React components, replacing Bootstrap's JavaScript without jQuery dependencies. It … | 77 | 22601 | stable |
| HeroTransitions/Hero Hero is a Swift library for building iOS and tvOS view controller transitions with a declarative API layered on top of UIKit's transition s… | 23 | 22490 | stable |
| react-grid-layout/react-grid-layout React-Grid-Layout is a React library providing a draggable and resizable grid layout system with responsive breakpoints, similar to Packery… | 94 | 22438 | stable |
| postcss/autoprefixer Autoprefixer is a PostCSS plugin that parses CSS and automatically adds vendor prefixes to CSS rules using browser support data from Can I … | 96 | 22224 | stable |
| Tabler UI Tabler Icons is a collection of over 6,100 free MIT-licensed high-quality SVG icons designed on a 24x24 grid with a 2px stroke, available i… | 99 | 22154 | active |
| palantir/blueprint Blueprint is a React-based UI toolkit optimized for building complex, data-dense desktop web interfaces. It ships as multiple npm packages … | 92 | 22090 | stable |
| Lit Lit is a small (~5 KB) TypeScript library for building fast, lightweight web components on top of browser standards. It provides a reactive… | 90 | 21857 | stable |
| vueComponent/ant-design-vue Ant Design Vue is an enterprise-class UI component library that ports the Ant Design design system to Vue 2 and Vue 3. It provides a compre… | 66 | 21673 | stable |
| Fluent UI Fluent UI web is Microsoft's collection of React components, utilities, and Web Components implementing the Fluent design system for buildi… | 95 | 20319 | stable |
| rsms/inter Inter is an open-source (OFL-1.1) sans-serif typeface family designed for computer screens, featuring a variable font format, true italics,… | 23 | 19917 | stable |
| Catppuccin Catppuccin is a community-driven pastel color scheme with ports for hundreds of applications, editors, terminals, and platforms. The main r… | 62 | 19815 | active |
| UIkit UIkit is a lightweight, modular CSS and JavaScript front-end framework for building fast web interfaces. It provides a large set of compone… | 97 | 18538 | active |
| ionic-team/ionicons Ionicons is an open-source icon set of 1,300+ hand-crafted SVG icons built by the Ionic team, distributed as a web component usable in any … | 89 | 18204 | stable |
| CSS Modules CSS Modules is a specification and tooling ecosystem for CSS files in which all class and animation names are locally scoped by default, co… | 32 | 18038 | stable |
| emotion Emotion is a high-performance CSS-in-JS library for writing CSS styles with JavaScript, supporting both string and object styles with predi… | 78 | 18019 | stable |
| oblador/react-native-vector-icons A React Native library providing customizable vector icons from popular icon sets like FontAwesome, Ionicons, and Material Design. Icons ca… | 91 | 17918 | stable |
| Pico CSS Pico CSS is a minimal, lightweight CSS framework that styles semantic HTML elements directly, requiring almost no classes or JavaScript. It… | 67 | 16865 | stable |
| Lenis Lenis is a lightweight, dependency-free smooth scroll library for modern browsers that wraps native scrolling to keep accessibility, sticky… | 95 | 16370 | stable |
| mattboldt/typed.js Typed.js is a JavaScript library that animates text as if it were being typed, with configurable typing speed, backspacing, and looping thr… | 55 | 16275 | stable |
| MaterialDesignInXAML/MaterialDesignInXamlToolkit A comprehensive Material Design theme and control library for WPF applications in C# and VB.NET. It provides styled versions of all major W… | 81 | 16264 | stable |
| janpaepke/ScrollMagic ScrollMagic is a lightweight, zero-dependency JavaScript/TypeScript library for reacting to the user's scroll position, built as a convenie… | 76 | 14955 | active |
| thomaspark/bootswatch Bootswatch is a collection of free, open-source themes for the Bootstrap CSS framework, available as pre-compiled CSS, Sass files, via CDN,… | 67 | 14751 | stable |
| React Native Paper React Native Paper is a cross-platform UI component library for React Native that implements Google's Material Design (including Material Y… | 91 | 14467 | stable |
| originalankur/maptoposter A Python CLI tool that generates minimalist, visually striking map posters for any city using OpenStreetMap data via osmnx and matplotlib. … | 56 | 14149 | active |
| adityatelange/hugo-PaperMod PaperMod is a fast, clean, and responsive theme for the Hugo static site generator, built for blogs and portfolio sites. It ships with ligh… | 62 | 13973 | stable |
| formkit/auto-animate AutoAnimate is a zero-config, drop-in animation utility that adds smooth transitions to web apps with a single line of code. It works with … | 76 | 13931 | stable |
| facebook/astryx Astryx is an open source React design system from Meta offering 150+ accessible components, CSS-custom-property theming, dark mode, templat… | 84 | 13694 | active |
| TomSchimansky/CustomTkinter CustomTkinter is a Python UI library built on Tkinter that provides modern, fully customizable widgets with light/dark appearance modes and… | 69 | 13580 | active |
| mmistakes/minimal-mistakes Minimal Mistakes is a flexible two-column Jekyll theme distributed as a Ruby gem, designed for personal sites, blogs, project documentation… | 85 | 13577 | stable |
| uiverse-io/galaxy Galaxy is the GitHub archive of Uiverse.io, a community-built open-source library of over 3000 UI elements made with CSS or Tailwind. Eleme… | 28 | 13336 | active |
| mdbootstrap/TW-Elements TW Elements is a free, MIT-licensed collection of 500+ interactive UI components, design blocks, and templates built on Tailwind CSS, with … | 52 | 13167 | active |
| youth5201314/banner An Android banner/carousel UI library built on ViewPager2 for displaying looping advertisement images with customizable indicators and page… | 32 | 13013 | stable |
| Juanpe/SkeletonView SkeletonView is a Swift library for iOS that displays animated skeleton placeholder views while content loads, giving users a preview of up… | 59 | 12888 | stable |
| Eww Eww (ElKowar's Wacky Widgets) is a standalone desktop widget system written in Rust, letting users build custom widgets like status bars an… | 61 | 12705 | active |
| react-icons/react-icons A React library that provides SVG icons from popular icon packs (Font Awesome, Material Design, Bootstrap, Heroicons, and many more) as Rea… | 83 | 12669 | stable |
| lipis/flag-icons A curated collection of all country flags as SVG images with accompanying CSS for easy integration into web projects. Flags are available i… | 100 | 12479 | stable |
| segmentio/evergreen Evergreen is Segment's open-source React UI framework and design system for building enterprise-grade web applications. It provides polishe… | 59 | 12424 | stable |
| callstack/linaria Linaria is a zero-runtime CSS-in-JS library that extracts CSS to real stylesheet files at build time. It offers familiar CSS syntax with Sa… | 96 | 12351 | active |
| markmead/hyperui HyperUI is a free, open-source collection of Tailwind CSS v4 components for marketing sites, web apps, and eCommerce projects. Components a… | 75 | 12238 | active |
| tw93/Kami Kami is a constraint-based document design system packaged as an installable skill/plugin for AI coding agents like Claude Code and Codex. … | 81 | 11932 | active |
| Bootstrap Table Bootstrap Table is a JavaScript library that extends HTML tables with features like sorting, pagination, checkbox/radio selection, and AJAX… | 86 | 11809 | stable |
| IBM/plex IBM Plex is IBM's open-source corporate typeface family, including Sans, Serif, Mono, Sans Condensed, and Math variants with broad multilin… | 96 | 11695 | active |
| mikepenz/MaterialDrawer MaterialDrawer is an Android library providing a flexible, easy-to-use navigation drawer implementation following Material Design guideline… | 77 | 11644 | stable |
| jdan/98.css 98.css is a CSS-only design system that styles semantic HTML to look like the classic Windows 98 user interface. It ships no JavaScript, ma… | 37 | 11542 | stable |
| gyf-dev/ImmersionBar An Android library for managing immersive (transparent) status bars and navigation bars on Android 4.4+, with one-line setup for Activities… | 90 | 11487 | stable |
| stylus/stylus Stylus is an expressive, feature-rich CSS preprocessor language built for Node.js, supporting both an indented syntax and regular CSS style… | 27 | 11334 | stable |
| vira-soft/vira-assets Vira Theme is a premium color theme and icon set for Visual Studio Code, positioned as the official successor to the popular Material Theme… | 66 | 11303 | active |
| daybrush/moveable Moveable is a TypeScript library for making DOM elements draggable, resizable, scalable, rotatable, warpable, pinchable, groupable, and sna… | 23 | 10769 | active |
| unovue/shadcn-vue shadcn-vue is a Vue port of shadcn/ui providing beautifully designed, accessible UI components built on Reka UI (formerly Radix Vue) and Ta… | 92 | 10653 | active |
| MudBlazor MudBlazor is a Material Design component library for Blazor, written entirely in C# with minimal JavaScript. It provides a large set of UI … | 98 | 10637 | active |
| AppIntro/AppIntro AppIntro is an Android library for building polished carousel-style intro and onboarding screens for apps. It supports custom slides, slide… | 66 | 10567 | active |
| reactstrap/reactstrap Reactstrap provides stateless React components implementing Bootstrap 5 UI elements like buttons, modals, tooltips, and dropdowns without j… | 23 | 10515 | stable |
| jnsahaj/tweakcn tweakcn is a visual no-code theme editor for shadcn/ui and Tailwind CSS, letting users customize component themes through a web interface. … | 62 | 10453 | active |
| necolas/normalize.css normalize.css is a small CSS stylesheet that makes browsers render HTML elements more consistently and in line with modern standards. It is… | 32 | 53520 | maintenance |
| vanilla-extract-css/vanilla-extract vanilla-extract is a zero-runtime CSS-in-TypeScript library that lets you write locally scoped styles, CSS variables, and themes in .css.ts… | 94 | 10435 | stable |
| facebook/stylex StyleX is a JavaScript styling system and compiler from Meta that generates optimized, collision-free atomic CSS at build time. It combines… | 98 | 10413 | active |
| DouyinFE/semi-design Semi Design is a modern, comprehensive React UI library and design system maintained by Douyin (TikTok) frontend team, offering 80+ high-qu… | 82 | 10408 | active |
| ParthJadhav/Tkinter-Designer Tkinter Designer is a Python tool that converts Figma designs into ready-to-use Tkinter GUI code. It uses the Figma API to analyze design f… | 65 | 10260 | active |
| astrit/css.gg css.gg is an open-source icon library offering 700+ pure CSS and SVG UI icons, plus a collection of 6000+ glyphs available via the companio… | 23 | 10052 | active |
| MrXujiang/h5-Dooring H5-Dooring is an open-source low-code visual page builder for creating H5 (mobile web), landing pages, and PC websites via drag-and-drop co… | 70 | 9995 | active |
| MahApps/MahApps.Metro MahApps.Metro is a UI toolkit for WPF that restyles common controls with a modern Metro/Modern look and adds custom controls inspired by Wi… | 68 | 9834 | stable |
| lepoco/wpfui WPF UI is a C# library that brings Fluent Design (Windows 11 style) to Windows Presentation Foundation applications, restyling base control… | 78 | 9710 | active |
| rough-stuff/rough-notation A small (3.8kb gzipped) JavaScript library for creating and animating hand-drawn style annotations on web page elements, built on RoughJS. … | 32 | 9701 | stable |
| microsoft/fast FAST is Microsoft's collection of tools for building standards-based Web Components, centered on the lightweight @microsoft/fast-element li… | 95 | 9671 | active |
| blueedgetechno/win11React A web application that replicates the Windows 11 desktop experience in the browser using React, Redux, and CSS. It includes simulated apps … | 10 | 9660 | active |
| Carbon Design System Carbon is IBM's open-source design system providing React and web component libraries, Sass styles, design tokens, icons, and pictograms fo… | 95 | 9537 | active |
| buefy/buefy Buefy is a lightweight library of responsive UI components for Vue.js 3 based on the Bulma CSS framework. It provides semantic, accessible … | 94 | 9511 | active |
| oso95/scroll-world An agent skill (SKILL.md-compatible plugin) for Claude Code, Codex, and similar coding agents that generates immersive scroll-scrubbed 'fly… | 53 | 9461 | active |
| Flowbite Flowbite is an open-source UI component library built on top of Tailwind CSS, providing interactive web components, themes, icons, and a Fi… | 83 | 9364 | active |
page 1 / 17 next →