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 |
|---|---|---|---|
| athul/archie Archie is a minimal, clean blog theme for the Hugo static site generator with a markdown-inspired UI. It supports dark/light mode, callouts… | 52 | 1431 | active |
| Spiderpig86/Cirrus Cirrus is a component-and-utility-centric SCSS framework for building responsive web interfaces with minimal JavaScript. It ships pre-built… | 62 | 1430 | active |
| brick-design/brick-design Brick Design is a low-code visual page-building framework built with React and TypeScript. It supports drag-and-drop editing with both flow… | 23 | 5148 | maintenance |
| jothepro/doxygen-awesome-css Doxygen Awesome is a custom CSS theme that modernizes the visual appearance of Doxygen-generated HTML documentation. It requires no changes… | 87 | 1428 | stable |
| origin-space/ui-experiments A collection of beautifully designed open-source layouts and UI experiments (dashboards, calendars, AI chat, crypto wallet, schema visualiz… | 43 | 1427 | active |
| mischa-hildebrand/AlignedCollectionViewFlowLayout A Swift UICollectionViewFlowLayout subclass for iOS that lets developers control horizontal and vertical alignment of collection view cells… | 24 | 1425 | stable |
| efremidze/VisualEffectView A Swift library providing a UIVisualEffectView subclass with customizable blur radius, tint color, saturation, and iOS 26+ glass effect sty… | 63 | 1424 | active |
| JustAdumbPrsn/Zen-Nebula Nebula is a minimalist glassmorphism theme (userChrome CSS mod) for the Zen Browser, adding glass-like blur, animations, and UI refinements… | 57 | 1420 | active |
| mkpaz/atlantafx AtlantaFX is a modern JavaFX CSS theme collection with additional controls, inspired by web component frameworks. It provides light and dar… | 66 | 1417 | active |
| mdbootstrap/mdb-react-ui-kit MDB React UI Kit is a Material Design-styled UI component library for React 18 built on Bootstrap 5, offering 700+ components such as modal… | 49 | 1415 | active |
| sindresorhus/System-Color-Picker A macOS app that wraps the system color picker with extra features like multiple color format conversion (Hex, HSL, RGB, OKLCH, CMYK), pale… | 33 | 1415 | active |
| scottmckendry/cyberdream.nvim A high-contrast, futuristic, and vibrant colorscheme plugin for Neovim written in Lua. It includes matching terminal themes (Alacritty, Wez… | 82 | 1409 | active |
| once-ui-system/magic-portfolio Magic Portfolio is a beginner-friendly portfolio website template built with Next.js, TypeScript, and the Once UI design system. It provide… | 61 | 1407 | active |
| propjockey/augmented-ui augmented-ui is a pure-CSS library for creating cyberpunk and sci-fi styled UI shapes on any HTML element using clip-path and CSS custom pr… | 23 | 1404 | stable |
| adobe/balance-text A JavaScript polyfill implementing balanced text wrapping for web pages, providing an alternative line-breaking algorithm so wrapped lines … | 23 | 1404 | stable |
| riggraz/no-style-please A nearly no-CSS, fast, minimalist theme for Jekyll static sites, distributed as a Ruby gem. It prioritizes performance and readability with… | 24 | 1400 | stable |
| svelteuidev/svelteui SvelteUI is an all-inclusive component library for Svelte offering 40+ accessible UI components, actions, utilities, animations, date picke… | 62 | 1399 | active |
| evil-icons/evil-icons Evil Icons is a free, plug-and-play set of clean SVG icons designed for web projects, distributed as a Ruby gem, an npm package, and via CD… | 23 | 5016 | maintenance |
| gohugo-ananke/ananke Ananke is a production-ready starter theme for the Hugo static site generator, built with CSS and Hugo templates. It provides responsive, a… | 97 | 1397 | active |
| kazzkiq/balloon.css Balloon.css is a lightweight (~1.1kb) pure-CSS library for adding tooltips to HTML elements without any JavaScript. Tooltips are configured… | 23 | 5003 | maintenance |
| alexwolfe/Buttons Buttons is a highly customizable CSS button library built with Sass, offering production-ready button styles for mobile web and desktop. It… | 30 | 4994 | maintenance |
| refact0r/midnight-discord A dark, customizable CSS theme for Discord that works with BetterDiscord, Vencord, and other theme-supporting clients. It offers multiple p… | 76 | 1392 | active |
| Baklava Design System Baklava is Trendyol's design system implemented as framework-agnostic native web components built with Lit. It provides a consistent set of… | 90 | 1389 | active |
| mdgriffith/elm-ui elm-ui is an Elm library that provides a complete alternative to writing HTML and CSS for building web interfaces. It offers a design toolk… | 75 | 1384 | stable |
| lukasbach/react-complex-tree React Complex Tree is an unopinionated, accessible React tree view component with multi-select and drag-and-drop support. Rendering is full… | 89 | 1383 | active |
| SimonAKing/HomePage A modern, elegant personal homepage template featuring a WebGL fluid simulation background, responsive design, and smooth page transitions.… | 48 | 1380 | active |
| BafS/Gutenberg Gutenberg is a CSS/SCSS framework that makes web pages print correctly, available as gutenberg-css on npm. It provides utility classes for … | 23 | 4922 | maintenance |
| ahonn/hexo-theme-even A super concise, minimalist theme for the Hexo static site generator, written in SCSS. It provides a clean blog layout with configurable op… | 23 | 1370 | stable |
| mehdibha/dotUI dotUI is a design-system builder and component registry for React that lets you compose a custom visual language (colors, icons, radius, de… | 71 | 1369 | active |
| Folding Cell FoldingCell is an Android UI library that provides an expanding content cell with a folding-paper animation inspired by material design. It… | 32 | 4876 | maintenance |
| elrumordelaluz/csshake CSShake is a collection of CSS classes and Sass mixins that add shake animations to DOM elements. It ships prebuilt stylesheets per animati… | 32 | 4863 | maintenance |
| tiberiuzuld/angular-gridster2 An Angular library implementing a gridster-style draggable and resizable grid layout for building dashboards with widgets. It provides Angu… | 88 | 1350 | active |
| react-native-material-kit A set of Material Design UI components for React Native apps, including buttons, sliders, text fields, checkboxes, and progress indicators.… | 23 | 4812 | maintenance |
| Web Awesome Web Awesome (successor to Shoelace) is an open-source, framework-agnostic design system of 50+ accessible UI components built on standard w… | 93 | 1348 | active |
| sailboatui/sailboatui Sailboat UI is a modern open-source UI component library for Tailwind CSS offering 150+ copy-paste HTML components such as buttons, cards, … | 50 | 1348 | active |
| NeverCease/uchu uchū is an OKLCH-based color palette distributed as CSS custom properties (with Sass support) for web projects. It provides expanded and re… | 10 | 1347 | stable |
| Bespoke.js Bespoke.js is a super minimal (1KB) modular presentation micro-framework for modern browsers, providing a core slide-deck engine with a con… | 32 | 4792 | maintenance |
| HSLuv HSLuv is a human-friendly alternative to HSL built on the perceptually uniform CIELUV color space, with a reference implementation written … | 72 | 1343 | stable |
| nzbin/three-dots Three Dots is a set of CSS loading animations, each built with a single HTML element, available as a Sass/Less library. It provides 14+ dot… | 23 | 1342 | stable |
| StartBootstrap/startbootstrap-grayscale Grayscale is a free, multipurpose one-page HTML theme for Bootstrap created by Start Bootstrap. It ships prebuilt HTML/CSS/JS in a dist fol… | 32 | 1341 | active |
| xxtomm/spell-ui Spell UI is a curated collection of high-quality, copy-paste React components built with Tailwind CSS and TypeScript, installable via the s… | 61 | 1340 | active |
| brunosimon/folio-2019 The source code for Bruno Simon's award-winning 2019 interactive portfolio, a game-like 3D website built with WebGL/Three.js where visitors… | 32 | 4749 | maintenance |
| anl331/goey-toast A React toast notification component library with an organic gooey blob morphing animation, built on top of Sonner and Framer Motion. It su… | 58 | 1332 | active |
| seraui/seraui Sera UI is an open-source UI component library for React, Next.js, and other JSX-based frameworks, built with Tailwind CSS and Framer Motio… | 36 | 1332 | active |
| moumen-soliman/uitripled UI TripleD is a collection of production-ready UI blocks, components, and full pages built for shadcn/ui and Base UI, powered by Framer Mot… | 58 | 1331 | active |
| pages-themes/cayman Cayman is a clean, responsive Jekyll theme designed for GitHub Pages sites. It is distributed as a Ruby gem and configurable via _config.ym… | 23 | 1327 | stable |
| EliverLara/candy-icons Candy Icons is a colorful icon theme featuring sweet gradient-styled icons for Linux desktop environments. It is installed into the system … | 60 | 1324 | active |
| yoksel/url-encoder A browser-based tool that URL-encodes SVG markup so it can be embedded in CSS as data URIs for background-image, border-image, or mask prop… | 32 | 1316 | active |
| aeagle/react-spaces React Spaces is a React component library providing a nestable layout system of anchored, scrollable, and resizable spaces for building des… | 49 | 1314 | active |
| callmecavs/bricks.js Bricks.js is a fast, dependency-free JavaScript library that generates masonry layouts for fixed-width elements in the browser. It position… | 23 | 4644 | maintenance |
| eddiesigner/liebling Liebling is a free, beautiful and clean theme for the Ghost publishing platform, optimized for Ghost 5. It includes dark mode, built-in sea… | 23 | 1308 | active |
| wdullaer/MaterialDateTimePicker An Android library providing Material Design styled date and time picker dialogs with a themable API. It is based on the Android framework'… | 23 | 4624 | maintenance |
| ant-design/ant-motion Ant Motion is the motion design specification and a set of React animation components from the Ant Design ecosystem. It provides out-of-the… | 23 | 4620 | maintenance |
| zhuzichu520/FluentUI A Fluent Design component library for Qt QML (Qt Quick), providing Microsoft Fluent-style UI controls for cross-platform desktop applicatio… | 52 | 4601 | maintenance |
| artsy/fresnel @artsy/fresnel is a React library for building responsive layouts using CSS media queries in a way that is compatible with server-side rend… | 73 | 1298 | active |
| wobsoriano/svelte-sonner An opinionated toast notification component library for Svelte, ported from Emil Kowalski's Sonner. It exposes a single <Toaster /> compone… | 89 | 1295 | active |
| Naresh-Khatri/3d-portfolio An open-source interactive 3D developer portfolio template built with Next.js, React, TypeScript, GSAP, and Framer Motion, featuring a Spli… | 64 | 1286 | active |
| vinceliuice/WhiteSur-kde WhiteSur KDE is a macOS Big Sur-style theme pack for the KDE Plasma desktop, including Aurorae window decorations, Kvantum theme, wallpaper… | 62 | 1284 | active |
| microsoft/griffel Griffel is a CSS-in-JS library for React with near-zero runtime, ahead-of-time compilation, and atomic CSS output. It supports server-side … | 77 | 1282 | active |
| anishathalye/gemini Gemini is a modern, clean LaTeX beamerposter theme for creating academic research posters programmatically. It provides multiple built-in a… | 70 | 1282 | stable |
| atomicojs/atomico Atomico is a micro-library for building web components using only functions, hooks, and a virtual DOM, with a React-like syntax in JavaScri… | 80 | 1280 | active |
| danielzeller/Depth-LIB-Android- An Android library written in Java that adds depth and thickness to Views using custom shadow rendering instead of Android's default shadow… | 32 | 4517 | maintenance |
| SimeonGriggs/tints.dev A web application that generates 11-color (50-950) palettes for Tailwind CSS from a single hex value, with controls for hue, saturation, an… | 65 | 1276 | active |
| yysskk/SwipeMenuViewController A Swift library providing a swipe-based paging UI for iOS, combining a scrollable tab bar with a horizontally paging content area that stay… | 76 | 1275 | active |
| wix/stylable Stylable is a CSS preprocessor and type system from Wix that scopes styles to components, exposing a style API so components can be reused … | 26 | 1273 | active |
| wesbos/aprilFools.css A collection of harmless prank CSS snippets that you paste into a browser's user stylesheet (Chrome's Custom.css or Firefox's userContent.c… | 32 | 1272 | stable |
| simonwep/pickr Pickr is a dependency-free, multi-themed, responsive color picker library for JavaScript web applications. It supports multiple color repre… | 95 | 4489 | maintenance |
| gorkys/vue-draggable-resizable-gorkys A Vue 3 component library for making elements draggable and resizable, forked from vue-draggable-resizable with enhancements like conflict … | 63 | 1271 | active |
| muicss/mui MUI is a lightweight CSS framework implementing Google's Material Design guidelines, with a small gzipped footprint (~6.6K CSS, ~5.4K JS) a… | 32 | 4478 | maintenance |
| aaaaalexis/obsidian-cupertino Cupertino is a native look-and-feel theme for Obsidian with clean typography, mobile-optimized touch layouts, and dark/light modes. It ship… | 83 | 1267 | active |
| Anurella/reset-css A CSS reset stylesheet that neutralizes inconsistent browser default styles to provide a uniform baseline for web projects. It is a single … | 54 | 1265 | stable |
| timdonnelly/Advance Advance is a Swift animation library for iOS, tvOS, and macOS that uses physics-based simulations like springs to drive realistic, interrup… | 10 | 4459 | maintenance |
| triggerjs/trigger Trigger JS is a small TypeScript library that creates scroll-based animations using HTML attributes and CSS variables, without writing Java… | 28 | 1264 | active |
| peterramsing/lost LostGrid is a PostCSS plugin that provides a fraction-based CSS grid system using calc(). It works with any preprocessor or vanilla CSS and… | 23 | 4448 | maintenance |
| johnwalley/allotment Allotment is a React component library for creating resizable split-pane views, derived from VS Code's split view implementation. It suppor… | 88 | 1260 | active |
| meodai/poline Poline is a tiny TypeScript micro-library that generates color palettes by interpolating HSL colors in polar/cartesian space between anchor… | 68 | 1260 | active |
| Equal-UI/Equal Equal UI is a Vue 3 component library with 30+ hackable UI components built on top of Tailwind CSS. It ships with built-in dark theme suppo… | 32 | 1259 | active |
| ikrishg/reseter.css A modern CSS reset library (~0.8kb) that normalizes browser default styles and includes cross-browser fixes. It combines the benefits of no… | 99 | 1257 | active |
| Toha Hugo Theme Toha is a minimalist, fully responsive Hugo theme for building personal portfolio websites and blogs. It includes sections for skills, expe… | 89 | 1251 | active |
| juxtopposed/Mystical-Blue-Theme A blue desktop theme for KDE Plasma 6 that bundles color schemes, plasma style, window decorations, Kvantum theme, and Rofi configuration. … | 56 | 1250 | active |
| useAnimations/react-useanimations A React component library of free animated open-source icons built on Lottie animations. It provides tree-shakeable animated SVG icons for … | 32 | 1246 | stable |
| coz-m/MPLUS_FONTS M+ FONTS is a family of open-source Japanese fonts, including M PLUS 1/2 sans serif fonts with 9 weights and M PLUS Code monospaced fonts, … | 77 | 1245 | active |
| Avijit07x/animateicons AnimateIcons is a library of 542 animated SVG icons for React, built on motion/react with path-level animations triggered by hover, focus, … | 63 | 1244 | active |
| themeselection/sneat-bootstrap-html-admin-template-free Sneat is a free, open-source Bootstrap 5 HTML admin dashboard template built for developers, featuring responsive layouts, UI components, f… | 52 | 1238 | active |
| Ashok-Varma/BottomNavigation An Android UI library that implements the Material Design Bottom Navigation Bar pattern with extensive customization options. It supports p… | 23 | 4349 | maintenance |
| hakimel/stroll.js A small JavaScript library that applies CSS3 3D transform-based scroll effects to HTML lists. It binds to list elements via selectors or jQ… | 32 | 4340 | maintenance |
| Anashost/HA-Animated-cards A collection of customizable animated card templates for Home Assistant dashboards, covering appliances, battery status, environmental grap… | 61 | 1233 | active |
| SikandarJODD/svelte-animations A collection of free, reusable Svelte animation components inspired by Magic UI, Aceternity UI, and Luxe UI, built with Tailwind CSS and Sv… | 52 | 1232 | active |
| metafizzy/packery Packery is a JavaScript library and jQuery plugin that creates gapless, draggable grid layouts using a bin-packing algorithm. It fills empt… | 24 | 4319 | maintenance |
| cortinico/slidetoact SlideToAct is a Material Design 'Slide to Unlock' custom widget for Android, written in Kotlin and distributed via Maven Central. It provid… | 67 | 1228 | stable |
| nuxt-modules/color-mode @nuxtjs/color-mode is a Nuxt module that adds dark and light mode support with automatic system preference detection. It applies configurab… | 80 | 1226 | active |
| GoogleChromeLabs/dark-mode-toggle A web component (custom element) called <dark-mode-toggle> that adds a dark mode toggle or switch to any website. It respects the user's pr… | 67 | 1226 | stable |
| buymeasoda/soda-theme Soda Theme provides dark and light custom UI themes for Sublime Text 2 and 3, installable via Package Control or Git. It includes alternate… | 32 | 4287 | maintenance |
| segmentio/myth Myth is a CSS preprocessor built on Rework that lets you write pure, spec-compliant CSS with future syntax (variables, custom media queries… | 10 | 4285 | maintenance |
| jonathantneal/flexibility Flexibility is a JavaScript polyfill that implements the CSS Flexible Box Layout (Flexbox) in older browsers like Internet Explorer 8 and 9… | 32 | 4279 | maintenance |
| marcj/css-element-queries A JavaScript polyfill that adds element-based media queries (container queries) to browsers, letting CSS rules respond to an element's dime… | 23 | 4241 | maintenance |
| jeffreytse/jekyll-theme-yat Jekyll YAT (Yet Another Theme) is a modern, responsive Jekyll blog theme designed for elegant writers, featuring a clean flat style with a … | 27 | 1209 | active |
| zhongshaofa/layuimini Layuimini is a clean, lightweight admin dashboard front-end template built on the layui UI library. It initializes the entire admin framewo… | 23 | 4228 | maintenance |
| chr15m/DoodleCSS DoodleCSS is a simple hand-drawn HTML/CSS theme that gives web pages a sketchy, doodle-style look. It is distributed as a single stylesheet… | 64 | 1208 | stable |
| adoxography/tailwind-scrollbar A Tailwind CSS plugin that adds utilities for styling scrollbars with cross-browser support. It unifies the scrollbar-width/scrollbar-color… | 37 | 1206 | stable |