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 |
|---|---|---|---|
| johnkorzhuk/grabient Grabient is a web application for generating CSS gradients and discovering color palettes, built as a Cloudflare Worker with Hono and Solid… | 77 | 2013 | active |
| ajusa/lit lit is an extremely small (395 bytes gzipped) responsive CSS micro-framework offering a 12-column grid, typography, buttons, cards, inputs,… | 52 | 2012 | stable |
| ui-layouts/cursify Cursify is an open-source React cursor animation library built with TypeScript, Tailwind CSS, and Framer Motion, offering components like b… | 52 | 2009 | active |
| evilmartians/oklch-picker A web-based color picker and converter for the OKLCH and LCH color spaces, available at oklch.com. It helps designers and developers conver… | 76 | 2007 | active |
| faruktoptas/FancyShowCaseView FancyShowCaseView is an Android library for highlighting specific views with a customizable showcase overlay and circular reveal animation.… | 43 | 2001 | active |
| kamens/jQuery-menu-aim A jQuery plugin that fires events when a user's cursor intentionally aims at specific dropdown menu items, distinguishing purposeful hovers… | 32 | 7621 | maintenance |
| sass-mq/sass-mq Sass MQ is a Sass mixin library for composing responsive media queries with named breakpoints in an elegant, readable way. It converts px/e… | 79 | 1985 | stable |
| leoMirandaa/shadcn-landing-page A free, open-source landing page template built with Shadcn/UI, React, TypeScript, and Tailwind CSS. It ships pre-built sections like hero,… | 26 | 1982 | active |
| arwes/arwes Arwes is a web framework for building user interfaces with futuristic science fiction designs, animations, and sound effects. It provides v… | 60 | 7562 | maintenance |
| StartBootstrap/startbootstrap-simple-sidebar Simple Sidebar is a free, MIT-licensed off-canvas sidebar navigation HTML template built on Bootstrap 5 by Start Bootstrap. It ships as rea… | 32 | 1979 | stable |
| karthikmudunuri/eldoraui Eldora UI is a collection of 150+ free, open-source animated React components, blocks, and templates built with TypeScript, Tailwind CSS, a… | 58 | 1973 | active |
| vinibiavatti1/TuiCss TuiCss is a CSS library for building web applications with text-based, ASCII-style interfaces inspired by MS-DOS programs and the Turbo Vis… | 59 | 1972 | active |
| ing-bank/lion Lion is a set of highly performant, accessible, white-label Web Components built on LitElement, intended as a foundation for building your … | 95 | 1971 | active |
| Redefine hexo-theme-redefine is a fast, elegant, and highly customizable theme for the Hexo static site generator, built on hexo-theme-keep. It prov… | 84 | 1970 | active |
| nusu/avvvatars Avvvatars is a lightweight React component library that generates unique, deterministic placeholder avatars from any string value, using ei… | 32 | 1969 | stable |
| Danilaa1/cuelume Cuelume is a tiny TypeScript library providing seventeen curated, synthesized interaction sounds for web interfaces via the Web Audio API, … | 58 | 1965 | active |
| MahApps/MahApps.Metro.IconPacks A .NET library providing a large collection of icon packs (Material Design, FontAwesome, Octicons, and more) as XAML controls, markup exten… | 64 | 1963 | active |
| muckSponge/MaterialFox MaterialFox is a Material Design-inspired userChrome.css theme that restyles the Firefox browser UI to resemble Google Chrome. It is instal… | 32 | 1961 | active |
| Modular Scale A Sass library that generates modular scales—proportionally related value lists—for sizing type and layout elements in web design. It provi… | 44 | 1958 | stable |
| master-co/css Master CSS is a virtual CSS language and framework that lets developers style HTML entirely through enhanced class-name syntax, with a runt… | 85 | 1953 | active |
| MetisMenu metisMenu is a jQuery plugin for creating collapsible, accordion-style menus with smooth expand/collapse animations. It supports nested sub… | 66 | 1952 | stable |
| Untitled UI Untitled UI React is a large open-source collection of React components built with Tailwind CSS, React Aria, and TypeScript, designed to be… | 62 | 1947 | active |
| jbaysolutions/vue-grid-layout A Vue.js 2 component library providing a draggable and resizable grid layout system, inspired by React-Grid-Layout and Gridster. It support… | 23 | 7399 | maintenance |
| lowlighter/matcha matcha.css is a pure CSS, classless styling library that styles semantic HTML elements with a single stylesheet link, requiring no build st… | 30 | 1943 | active |
| moesoha/debian-media-box A printable box design and instruction manual for packaging Debian installation media, styled as a medicine box (a joke referencing the Deb… | 35 | 1931 | active |
| HubSpot/odometer Odometer is a small JavaScript and CSS library for smoothly animating numeric transitions on web pages, using performant CSS transforms wit… | 10 | 7289 | maintenance |
| drgullin/icheck iCheck is a lightweight jQuery and Zepto plugin that replaces default browser checkboxes and radio buttons with fully customizable, skinnab… | 23 | 7287 | maintenance |
| WPFDevelopersOrg/WPFDevelopers A WPF control library providing basic and custom controls, themes, animations, and screenshot functionality for .NET desktop applications. … | 90 | 1916 | active |
| shadcnstudio/shadcn-studio An open-source distribution of copy-and-paste shadcn/ui components, blocks, and templates built on Tailwind CSS with Radix UI and Base UI s… | 80 | 1916 | active |
| airbnb/paris Paris is an Android library by Airbnb for defining and applying styles to views programmatically in Kotlin or Java, including support for c… | 55 | 1908 | active |
| Bearded-Hen/Android-Bootstrap An Android library providing custom UI views styled according to the Twitter Bootstrap specification, including buttons, button groups, and… | 23 | 7214 | maintenance |
| pedant/sweet-alert-dialog An Android library that provides SweetAlertDialog, a beautiful and customizable alert dialog inspired by the JavaScript SweetAlert library.… | 23 | 7212 | maintenance |
| vexip-ui/vexip-ui Vexip UI is a Vue 3 component library offering 78 out-of-the-box UI components written with the Composition API and full TypeScript support… | 89 | 1898 | active |
| Toinane/colorpicker Colorpicker is a free, open-source Electron desktop app for picking, editing, and organizing colors on macOS, Windows, and Linux. It includ… | 64 | 1898 | active |
| zekunyan/TTGTagCollectionView TTGTagCollectionView is a Swift-first iOS UI component for displaying text or custom view tags in vertically wrapping or horizontally scrol… | 69 | 1895 | stable |
| omgovich/colord Colord is a tiny (1.8 KB brotlied), zero-dependency JavaScript/TypeScript library for high-performance color parsing, manipulation, and con… | 82 | 1891 | stable |
| LouisBarranqueiro/hexo-theme-tranquilpeak Tranquilpeak is a gorgeous, fully responsive theme for the Hexo static blog framework, written in SCSS. It offers customizable layouts, pos… | 63 | 1889 | stable |
| BlackrockDigital/startbootstrap A collection of free, MIT-licensed Bootstrap 4 themes and HTML starter templates, including admin dashboards, landing pages, blogs, and por… | 23 | 7145 | maintenance |
| jverdi/JVFloatLabeledTextField An Objective-C UIKit library providing UITextField and UITextView subclasses that implement the Float Label Pattern, where placeholders tra… | 23 | 7130 | maintenance |
| vinceliuice/Tela-icon-theme Tela is a flat, colorful icon theme for Linux desktops with many color variants (standard, Nord, Ubuntu, Manjaro, etc.). It installs via a … | 78 | 1884 | active |
| dixonandmoe/rellax Rellax is a lightweight, dependency-free vanilla JavaScript parallax scrolling library. It applies smooth parallax motion to elements via d… | 32 | 7125 | maintenance |
| yegor256/tacit Tacit is a classless CSS framework that styles plain, standards-compliant HTML5 pages without requiring any CSS classes. You include a sing… | 92 | 1882 | active |
| Middleman Middleman is a Ruby-based static site generator that provides templating (ERb, Haml), Sass support, and a live preview server for building … | 77 | 7112 | maintenance |
| LekoArts/gatsby-themes A monorepo collection of free, open-source, professionally designed Gatsby themes (Cara, Emilia, Emma, Jodie, Minimal Blog, GraphQL Playgro… | 10 | 1877 | active |
| zanwei/design-dna An agent skill that extracts a machine-readable 'Design DNA' JSON profile (design tokens, qualitative style, and visual effects) from refer… | 56 | 1875 | active |
| jonsuh/hamburgers A collection of CSS-animated hamburger menu icons with 30+ animation variants, distributed as plain CSS and a modular Sass library. It is f… | 23 | 7082 | maintenance |
| lukehaas/css-loaders A collection of minimal loading spinners built purely with CSS animations, each using a single HTML element. It provides visually appealing… | 32 | 7052 | maintenance |
| kuma-ui/kuma-ui Kuma UI is a headless, utility-first React component library with zero-runtime CSS extraction, using a hybrid approach that statically extr… | 80 | 1864 | active |
| buildermethods/design-os Design OS is a product planning and design tool that guides you through defining your product vision, modeling data, and designing UI befor… | 66 | 1864 | active |
| gpoore/minted minted is a LaTeX package that provides syntax highlighting for source code in LaTeX documents using the Pygments library. It offers extens… | 71 | 1863 | stable |
| thesabbir/simple-line-icons A pack of simple, minimal line icons distributed as a web font with CSS, SASS, and LESS files. It is installable via npm, Bower, or CDN and… | 56 | 1862 | stable |
| SamHerbert/SVG-Loaders A collection of lightweight loading icons and small animations built with pure SVG (SMIL), usable via simple img tags or inline SVG. Color … | 32 | 7029 | maintenance |
| SuperDesign SuperDesign is an open-source AI design agent that lives inside your IDE (VS Code, Cursor, Windsurf, Claude Code) and generates UI mockups,… | 56 | 7025 | maintenance |
| n3r4zzurr0/svg-spinners A collection of 24x24 dp animated SVG loading spinners implemented in both CSS and SMIL variants. The assets are lightweight standalone SVG… | 32 | 7011 | maintenance |
| ephraimduncan/blocks An open-source registry of copy-paste UI blocks built with React, Tailwind CSS, and shadcn/ui. Blocks are added to projects via the shadcn … | 65 | 1846 | active |
| LiveDuo/destack Destack is a visual page builder library for React and Next.js projects that lets you compose landing pages from Tailwind-based component t… | 32 | 1836 | active |
| matze/mtheme Metropolis is a modern, minimalist LaTeX Beamer theme for creating presentation slides. It minimizes visual noise to maximize content space… | 23 | 6909 | maintenance |
| braver/programmingfonts A website for test-driving programming fonts online, aggregating a definitive list of monospaced fonts for code in one interactive place. I… | 75 | 1834 | active |
| rampatra/wedding-website A responsive, feature-rich wedding website template built with HTML, Sass, and Gulp. It includes an RSVP form that saves responses to Googl… | 39 | 1832 | stable |
| dohliam/dropin-minimal-css A drop-in JavaScript switcher for previewing minimal, classless CSS frameworks on any HTML page. It lets developers cycle through boilerpla… | 32 | 1832 | active |
| Stitch A collection of Agent Skills and plugins for Google Stitch, Google's AI design tool, following the Agent Skills open standard. It integrate… | 74 | 1830 | active |
| efemkay/obsidian-modular-css-layout A collection of modular CSS snippets for Obsidian.md that provide alternative layout options such as wide views, multi-column notes, and ga… | 23 | 1825 | active |
| utom/sketch-measure Sketch Measure is a Sketch plugin that generates offline HTML design specs with measurements, CSS styles, and design details for developers… | 34 | 6848 | maintenance |
| pages-themes/minimal Minimal is a Jekyll theme designed for GitHub Pages sites, distributed as a Ruby gem and usable via jekyll-remote-theme. It provides a clea… | 23 | 1816 | stable |
| beekai-oss/react-simple-animate A tiny React library for UI animations, providing components and hooks to animate elements between styles, run CSS keyframes, and chain ani… | 23 | 1814 | stable |
| StartBootstrap/startbootstrap-clean-blog Clean Blog is a free, responsive blog theme for Bootstrap created by Start Bootstrap, featuring a blog homepage, about page, contact page, … | 32 | 1813 | stable |
| salimi-my/shadcn-ui-sidebar A retractable, responsive sidebar component for Next.js built on top of shadcn/ui and Tailwind CSS. It is distributed as a shadcn/ui regist… | 28 | 1803 | active |
| azouaoui-med/react-pro-sidebar React Pro Sidebar is a React component library for building customizable, responsive side navigation with nested menus, submenus, and colla… | 85 | 1792 | active |
| davatron5000/FitText.js FitText.js is a jQuery plugin that makes font sizes flexible, resizing display headlines proportionally to their container's width for resp… | 23 | 6708 | maintenance |
| jaysalvat/vegas Vegas is a JavaScript library that adds beautiful animated fullscreen backgrounds and slideshows to any DOM element, with CSS3 transitions … | 59 | 1785 | stable |
| barvian/fluid-tailwind A Tailwind CSS plugin that lets utilities scale smoothly between breakpoints using CSS clamp(). It reduces the amount of per-breakpoint res… | 18 | 1781 | active |
| proelements/proelements A WordPress plugin that unlocks GPL-licensed features of Elementor Pro, including pro widgets, theme builder, dynamic content, forms, and p… | 96 | 1771 | active |
| saadpasta/developerFolio A React-based portfolio website template for software developers with sections for skills, experience, projects, blogs, and GitHub integrat… | 23 | 6626 | maintenance |
| Flat Remix Flat Remix is a flat, material-design-inspired icon theme for Linux desktops, with dark/light variants and many folder color options. It al… | 52 | 1763 | active |
| edwardtufte/tufte-css Tufte CSS is a CSS-only stylesheet that styles HTML web articles in the distinctive style of Edward Tufte's handouts, featuring careful typ… | 69 | 6576 | maintenance |
| animotionjs/animotion Animotion is a presentational framework for creating beautiful animated slides and visualizing ideas with code, built on Svelte, Reveal.js,… | 86 | 1758 | active |
| flatlogic/react-material-admin React Material Admin is a free, MIT-licensed admin dashboard template built with React 19 and Material-UI 7, featuring charts, tables, auth… | 78 | 1756 | active |
| shshaw/Splitting Splitting.js is a tiny JavaScript microlibrary that splits DOM elements into words, characters, child nodes, and more, wrapping them in spa… | 23 | 1756 | stable |
| axadrn/shadcn-templ shadcn-templ is a community port of shadcn/ui for Go and the templ templating language, providing beautifully designed, accessible UI compo… | 85 | 1753 | active |
| NimaNzrii/comfyui-photoshop A Photoshop plugin that integrates ComfyUI's AI image generation directly into the Photoshop workspace. It lets users run Stable Diffusion … | 68 | 1753 | active |
| kirevdokimov/Unity-UI-Rounded-Corners A Unity package providing components and shaders that add rounded corners to UGUI Image elements. It supports uniform or per-corner radii, … | 23 | 1753 | stable |
| ant-design/ant-design-landing Ant Design Landing is a collection of React landing page templates built on Ant Motion motion components, with a visual editor for composin… | 23 | 6529 | maintenance |
| layoutit/layoutit-grid Layoutit Grid is an interactive web-based CSS Grid layout generator that lets users visually draw page layouts and export the resulting HTM… | 32 | 1747 | stable |
| Android-skin-support Android-skin-support is an Android dynamic skinning (theme switching) library that lets apps change their look at runtime with a single lin… | 32 | 6510 | maintenance |
| Windi CSS Windi CSS is a next-generation utility-first CSS framework, fully compatible with Tailwind CSS v2, that scans your templates and generates … | 23 | 6509 | maintenance |
| theme-nexmoe/hexo-theme-nexmoe A Hexo blog theme focused on images and colorful design, featuring image waterfall layouts, lightbox, and lazy loading. It is highly custom… | 10 | 1740 | active |
| vineethtrv/css-loader A collection of pure CSS loaders and spinners for indicating loading states in websites and apps. Each loader is built on a single HTML tag… | 69 | 1735 | stable |
| chrismwilliams/astro-theme-cactus Astro Cactus is an opinionated blog and website theme built on the Astro static site generator with Tailwind CSS. It ships with markdown/MD… | 92 | 1734 | active |
| MengTo/kage Kage is an interactive five-chapter night walk through a Kyoto mountain temple, rendered live in Three.js/WebGL with procedural architectur… | 53 | 1734 | stable |
| seek-oss/capsize Capsize is a TypeScript library that uses font metadata to make CSS text sizing and layout predictable, sizing text by cap height and trimm… | 99 | 1732 | active |
| vinceliuice/Vimix-gtk-themes Vimix is a flat Material Design theme for GTK 3, GTK 2, and GNOME Shell, based on the Materia GTK theme. It supports GTK-based desktop envi… | 34 | 1725 | active |
| hihayk/scale Scale is a web-based generative color scale generator for creating consistent color ramps used in design systems and UI. It runs entirely i… | 32 | 1722 | stable |
| primary-theme/obsidian Primary is a community theme for Obsidian.md that provides a cozy, playful yet productive visual style with light and dark modes. It won Be… | 23 | 1718 | active |
| saadeghi/theme-change A tiny JavaScript library for switching CSS themes using data attributes, CSS custom properties, and localStorage persistence. It works wit… | 68 | 1717 | stable |
| starc007/ui-components beUI is a collection of 111 animated React/Next.js UI components built with Framer Motion and Tailwind CSS v4, distributed via the shadcn r… | 76 | 1714 | active |
| mblode/marx Marx is a classless CSS framework and reset that styles plain semantic HTML with a single stylesheet link, requiring no class names, build … | 97 | 1711 | active |
| EliverLara/Sweet Sweet is a GTK3 desktop theme for GNOME with a neon/glow aesthetic, available in dark and light variants. It is installed by copying theme … | 63 | 1709 | active |
| GNOME/gtk GTK is a multi-platform GUI toolkit written in C for building graphical user interfaces, offering a complete set of widgets for projects fr… | 77 | 1704 | stable |
| callstack/liquid-glass A React Native library that brings the iOS 26 Liquid Glass visual effect to iOS apps, with customizable tint colors and clear/regular effec… | 81 | 1702 | active |
| webslides/WebSlides WebSlides is an open-source HTML/CSS/JavaScript framework for building beautiful slide presentations, landings, and longform stories with s… | 23 | 6324 | maintenance |