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 |
|---|---|---|---|
| xmuSistone/CardSlidePanel An Android library that reproduces the card-swiping UI of apps like Tantan/Tinder, letting users drag cards left or right with smooth, cont… | 32 | 2381 | maintenance |
| furiouscollective/gridforms Gridforms is a tiny CSS/Sass front-end library for building dense, grid-based data entry forms in web applications. It handles the layout b… | 23 | 2370 | maintenance |
| Card Slider Cardslider is a Material Design UI controller library for Android that lets users swipe through cards containing pictures and descriptions.… | 32 | 2338 | maintenance |
| hakimel/Meny Meny is a standalone JavaScript library that creates a three-dimensional, space-efficient off-screen menu for web pages using CSS 3D transf… | 32 | 2321 | maintenance |
| codrops/PageTransitions A showcase collection of various page transition effects implemented with CSS animations, published by Codrops. It serves as demo/reference… | 32 | 2316 | maintenance |
| qiujuer/Genius-Android Genius-Android is an Android library providing Material Design style UI widgets, resources, graphics utilities (bitmap blur), and helper ki… | 23 | 2283 | maintenance |
| astroturfcss/astroturf Astroturf is a zero-runtime CSS-in-JS library that lets you write CSS in template literals inside your JavaScript files while keeping style… | 32 | 2282 | maintenance |
| LukyVj/family.scss Family.scss is a set of 26 Sass mixins that simplify styling :nth-child selectors, such as first(3), last(3), between(3,6), and quantity qu… | 23 | 2282 | maintenance |
| robinweser/fela Fela is a small, framework-agnostic JavaScript library for state-driven styling that generates atomic CSS from style rules written as funct… | 23 | 2282 | maintenance |
| Moon Jekyll Theme Moon is a minimal, one-column Jekyll theme for static blogs and personal sites. It offers responsive layout, Disqus comments, syntax highli… | 32 | 2262 | maintenance |
| andrewfiorillo/sketch-palettes A Sketch plugin for exporting and importing fill presets, supporting colors, gradients, and pattern fills via .sketchpalette files. It lets… | 23 | 2258 | maintenance |
| HeZaiJin/SlantedTextView A small Android UI library providing a custom slanted TextView widget for corner labels and badges. It is configurable via XML attributes o… | 32 | 2252 | maintenance |
| ZLSwipeableView An Objective-C UIKit library for building Tinder-style swipeable card interfaces, with a Swift successor (ZLSwipeableViewSwift). It handles… | 23 | 2248 | maintenance |
| zhanghai/MaterialProgressBar An Android library providing a Material Design ProgressBar widget with consistent appearance across Android 4.0+. It works as a drop-in rep… | 23 | 2233 | maintenance |
| abouolia/sticky-sidebar A pure JavaScript plugin for creating smart, high-performance sticky sidebars that stay visible while scrolling. It works with sidebars tal… | 23 | 2222 | maintenance |
| wentin/underlineJS A JavaScript library that draws and animates pixel-perfect, typographically optimized text underlines in the browser, with features like de… | 32 | 2218 | maintenance |
| IBM/css-gridish CSS Gridish is a Node.js CLI tool that generates CSS Grid code with a Flexbox fallback from a JSON grid design spec, along with Sketch artb… | 10 | 2218 | maintenance |
| Yalantis/Euclid An Android library implementing an animated user profile interface with circular reveal transitions, created by Yalantis. It provides a Euc… | 32 | 2210 | maintenance |
| arielsalminen/vue-design-system Vue Design System is an open source starter tool for building UI design systems with Vue.js, built on Vue Styleguidist, Webpack, and Theo. … | 23 | 2196 | maintenance |
| MopTym/vue-waterfall A Vue.js component that arranges child elements in a Pinterest-style waterfall (masonry) layout, supporting vertical and horizontal line di… | 23 | 2194 | maintenance |
| soarcn/BottomSheet An Android UI library that implements Material Design bottom sheets, panels that slide up from the bottom edge of the screen to present a s… | 10 | 2193 | maintenance |
| Baddaboo/ClassicKit ClassicKit is a collection of pixel-accurate, Windows 95-style UI components for iOS built on UIKit. Components like CKButton are @IBDesign… | 32 | 2191 | maintenance |
| HpWens/MeiWidgetView An Android collection library of custom UI widgets and animations, aggregating popular controls from Chinese Android bloggers (Guo Lin, Hon… | 23 | 2189 | maintenance |
| hojberg/cssarrowplease A small web application that generates CSS code for tooltip arrows with configurable position, size, color, and border. It is available at … | 32 | 2186 | maintenance |
| AudithSoftworks/Uniform A jQuery plugin that restyles native form controls (checkboxes, selects, inputs) with custom CSS/SASS themes, supporting HTML-5 attributes.… | 10 | 2180 | maintenance |
| 1000ch/grd Grd is an ultra-lightweight CSS grid framework built on Flexbox, providing just two base classes (Grid and Cell) plus modifiers in only 321… | 23 | 2178 | maintenance |
| harjot-oberai/MaterialShadows An Android library that renders convex material design shadows for views of any shape, using bitmap outline extraction and the Graham scan … | 32 | 2167 | maintenance |
| madebysource/lesshat LessHat is a library of smart LESS CSS mixins that generate cross-browser CSS3 properties with vendor prefixes. It provides mixins named af… | 23 | 2165 | maintenance |
| fython/MaterialStepperView An Android library providing Material Design stepper widgets (currently vertical style) for SDK 17+. It supports customizable point colors,… | 10 | 2164 | maintenance |
| alfonsobries/vue-tailwind VueTailwind is a set of Vue.js UI components (inputs, buttons, modals, datepicker, etc.) designed to be fully customized with your own CSS … | 23 | 2158 | maintenance |
| rnmp/salvattore Salvattore is a lightweight, dependency-free JavaScript library that arranges HTML elements into a multi-column masonry-style grid, configu… | 10 | 2147 | maintenance |
| vitch/jScrollPane jScrollPane is a jQuery plugin that replaces the browser's default scrollbars on overflow elements with fully customizable, CSS-skinnable H… | 23 | 2141 | maintenance |
| mmistakes/so-simple-theme So Simple is a minimal Jekyll theme for blogs and personal sites, distributed as a Ruby gem and compatible with GitHub Pages. It provides c… | 23 | 2125 | maintenance |
| Naezr/ShyFox ShyFox is a Firefox userChrome CSS theme that hides the entire browser interface into the window border for an ultra-minimal look, with ver… | 26 | 2123 | maintenance |
| olOwOlo/hugo-theme-even A concise, minimal blog theme for the Hugo static site generator, ported from hexo-theme-even. It provides multilingual support, a language… | 23 | 2089 | maintenance |
| MohammadYounes/AlertifyJS AlertifyJS is a dependency-free JavaScript library for creating attractive browser dialogs (alert, confirm, prompt) and unobtrusive toast n… | 23 | 2083 | maintenance |
| at-import/breakpoint Breakpoint is a Sass library that simplifies writing media queries for responsive web design. It provides a mixin-based syntax with named b… | 23 | 2080 | maintenance |
| cosscom/coss coss.com/ui (formerly Origin UI) is the official design system of Cal.com, a collection of accessible, composable React UI components built… | 67 | 10683 | experimental |
| Ramotion/preview-transition PreviewTransition is a Swift UI library providing a simple preview gallery controller with animated transitions for iOS apps. It is develop… | 32 | 2070 | maintenance |
| Ramotion/android-ui-animation-components-and-libraries A curated list of Android UI libraries, components, and custom animations developed by Ramotion, including Folding Cell, Paper Onboarding, … | 32 | 2062 | maintenance |
| sschoger/heroicons-ui Heroicons UI is a set of 104 free, premium-quality SVG icons released under the MIT license. It provides ready-to-use icon assets for use i… | 32 | 2056 | maintenance |
| johno/pixyll Pixyll is a simple, beautiful Jekyll theme emphasizing content over aesthetic fluff, built mobile-first with SCSS. It is designed for light… | 23 | 2053 | maintenance |
| ganapativs/bttn.css A CSS-only button style library offering a variety of prebuilt button classes (simple, jelly, gradient, material, pill, etc.) with sizes an… | 23 | 2053 | maintenance |
| esofar/cnblogs-theme-silence Silence is a clean, reading-focused theme for the CNBlogs (博客园) blogging platform. It offers responsive design, dark mode, customizable nav… | 23 | 2046 | maintenance |
| StartBootstrap/startbootstrap-agency A free, open-source one-page agency portfolio HTML theme built on Bootstrap by Start Bootstrap. It includes responsive sections, a portfoli… | 32 | 2034 | maintenance |
| abpetkov/switchery Switchery is a small standalone JavaScript component that converts default HTML checkbox inputs into iOS 7 style toggle switches. It is cus… | 23 | 2033 | maintenance |
| medyo/android-about-page An Android library that generates customizable About pages for apps with a fluent builder API. It provides predefined social network links,… | 23 | 2026 | maintenance |
| dovy/elusive-iconfont Elusive Iconfont is an open-source icon webfont (CSS-based) optimized for use with Twitter Bootstrap. It provides scalable vector icons del… | 32 | 2023 | maintenance |
| flatlogic/awesome-bootstrap-checkbox A pure CSS library that styles Bootstrap checkboxes and radio buttons using Font Awesome icons, requiring no JavaScript. It supports Bootst… | 23 | 2018 | maintenance |
| storybookjs/design-system The Storybook Design System is a React component library that codifies Storybook's UI components into a reusable npm package (@storybook/de… | 41 | 2008 | maintenance |
| Ramotion/adaptive-tab-bar AdaptiveController is a Swift UI module for iOS that implements 'Progressive Reduction', allowing custom states to be added to native or cu… | 32 | 2002 | maintenance |
| keeferrourke/la-capitaine-icon-theme La Capitaine is an SVG-based icon pack for Linux desktop environments, inspired by macOS and Google's Material Design. It ships with a conf… | 23 | 1996 | maintenance |
| Expanding Collection ExpandingCollection is an Android UI library implementing a material design card peek/pop controller with expanding collection cards. It pr… | 32 | 1994 | maintenance |
| kbrsh/wing Wing is a minimal, lightweight CSS framework (about 2-5kb) that automatically styles HTML elements with clean, modern designs, requiring al… | 23 | 1991 | maintenance |
| salesforce-ux/theo Theo is a JavaScript library and CLI for transforming and formatting design tokens defined in YAML/JSON into platform-specific outputs like… | 10 | 1989 | maintenance |
| Fluid Slider A Swift UI library providing a slider widget for iOS with a popup bubble that displays the precise value selected. It is a mobile UI compon… | 32 | 1984 | maintenance |
| JideGuru/FlutterSocialAppUIKit A Flutter implementation of a social media app UI concept, providing a set of polished screens with light and dark theme support. It serves… | 32 | 1983 | maintenance |
| JorgeCastilloPrz/AndroidFillableLoaders An Android library providing a fillable progress view that animates liquid filling of SVG path shapes. It can be used for splash screens, l… | 32 | 1971 | maintenance |
| ctrlplusb/react-sizeme A small React library that makes components aware of their own rendered width and height, enabling component-level responsive design. It ex… | 23 | 1959 | maintenance |
| RuffianZhong/RWidgetHelper An Android UI library that provides custom views (TextView, ImageView, layouts) inheriting native widgets, with XML attributes for rounded … | 23 | 1959 | maintenance |
| florent37/ExpansionPanel An Android library implementing Material Design expansion panels with toggleable headers and animated open/close layouts. It provides custo… | 10 | 1951 | maintenance |
| feathericons/react-feather react-feather is a React component library exposing the Feather Icons set as inline SVG components on a 24x24 grid. It allows importing ind… | 32 | 1948 | maintenance |
| Sketch IconFont Plugin A Sketch plugin that lets designers easily insert and manage icons from icon fonts such as FontAwesome, Ionicons, and Material Design Icons… | 23 | 1942 | maintenance |
| Gaohaoyang/gaohaoyang.github.io A concise Jekyll blog theme (HyG) written in SCSS, used both as the author's personal blog and as a reusable theme. It provides home, archi… | 23 | 1929 | maintenance |
| yairEO/fancyInput A jQuery plugin that adds playful CSS3 letter-by-letter animation effects to typing and deleting in text inputs and textareas. It is a smal… | 10 | 1906 | maintenance |
| Tufte-LaTeX/tufte-latex A LaTeX document class inspired by Edward Tufte's book design, for producing handouts, papers, and books with sidenotes, wide margins, and … | 32 | 1891 | maintenance |
| Circle Menu CircleMenu is an Android UI library that provides a simple, elegant menu with a circular button layout and material design animations. It i… | 32 | 1883 | maintenance |
| stylus/nib Nib is a library of mixins, utilities, and components for the Stylus CSS preprocessor, providing cross-browser CSS3 support including vendo… | 23 | 1883 | maintenance |
| benruehl/adonis-ui Adonis UI is a lightweight UI toolkit for WPF applications that provides styles and templates for built-in WPF controls with a modern, enha… | 23 | 1869 | maintenance |
| shen-yu/hexo-theme-ayer Ayer is a clean, elegant, responsive theme for the Hexo static site generator, built with EJS and Stylus. It offers many configurable featu… | 10 | 1854 | maintenance |
| html-sketchapp html-sketchapp is a JavaScript library that converts HTML nodes into Sketch layers, symbols, shared text styles, and document colors via .a… | 23 | 1852 | maintenance |
| ageitgey/amplify Amplify is a Jekyll theme styled after Medium.com and built with Google AMP (Accelerated Mobile Pages) for near-instant mobile page loads. … | 32 | 1848 | maintenance |
| inuitcss/inuitcss inuitcss is an extensible, scalable Sass-based OOCSS framework for building large, long-lasting UI projects. Rather than shipping ready-mad… | 23 | 1840 | maintenance |
| kombai/freewall Freewall is a cross-browser, responsive jQuery plugin for creating dynamic grid layouts such as flexible grids, image galleries, masonry/Pi… | 23 | 1836 | maintenance |
| jh3y/whirl Whirl is a curated collection of CSS loading animations (spinners, bars, and indicators) built with pseudo-elements, distributed as both CS… | 23 | 1836 | maintenance |
| teenyicons/teenyicons Teenyicons is a set of tiny minimal 1px-stroke SVG icons designed on a 15x15 grid to fit in very small spaces while staying crisp. It ships… | 66 | 1835 | maintenance |
| layerJS/layerJS layerJS is a JavaScript UI/UX library for composing mobile app-like interfaces in pure HTML using a Stage-Frame concept. Frames are content… | 32 | 1832 | maintenance |
| scwang90/MultiWaveHeader MultiWaveHeader is a highly customizable Android wave header view written in Java. It lets developers render multiple animated water waves … | 32 | 1830 | maintenance |
| Rucksack Rucksack is a PostCSS plugin bundle that adds CSS features and shortcuts like responsive typography, shorthand positioning, clearfix, and e… | 32 | 1823 | maintenance |
| ciar4n/imagehover.css A pure CSS library providing over 40 scalable image hover effects in a lightweight 19KB stylesheet. It works by applying effect classes to … | 23 | 1817 | maintenance |
| Garland View An Android UI library written in Java that provides a GarlandView widget for seamlessly transitioning between multiple vertically and horiz… | 32 | 1815 | maintenance |
| devinhunt/typebase.css typebase.css is a minimal, customizable CSS typography boilerplate for the web, available in plain CSS, Less, and Sass versions. It enforce… | 32 | 1806 | maintenance |
| dhanishgajjar/vscode-icons A collection of custom replacement icons for the Visual Studio Code application, styled after themes like Dracula, Cobalt2, and SynthWave '… | 32 | 1804 | maintenance |
| yjose/reactjs-popup A tiny (3kb) React component library for building modals, tooltips, and menus with full accessibility and styling customization. It support… | 23 | 1804 | maintenance |
| drublic/css-modal A library for building modal dialogs out of pure CSS, with optional JavaScript enhancements like ESC-key closing and scroll locking. It is … | 23 | 1802 | maintenance |
| lokesh-coder/pretty-checkbox A pure CSS library that beautifies checkbox and radio button inputs with shapes, colors, animations, and iOS-style switches, requiring no J… | 23 | 1801 | maintenance |
| gauravk95/bubble-navigation A lightweight Android UI library for creating customizable bottom and top navigation bars with bubble-style animations, badges, and multipl… | 23 | 1801 | maintenance |
| webkul/vivid Vivid.js is a lightweight JavaScript library providing 90+ hand-crafted SVG icons that can be injected into the DOM via simple HTML5 data a… | 32 | 1796 | maintenance |
| jamiewilson/predawn Predawn is a dark interface and syntax color theme for code editors, primarily Sublime Text and Atom (with VS Code support noted on the hom… | 23 | 1796 | maintenance |
| pikock/bootstrap-magic Bootstrap Magic is a browser-based generator for creating custom Bootstrap 4 themes with live preview and live HTML/CSS editing. It exposes… | 32 | 1792 | maintenance |
| adamschwartz/chrome-tabs A JavaScript library that recreates Google Chrome's browser tab UI in HTML/CSS/JS, including drag-and-drop reordering via Draggabilly. It s… | 32 | 1792 | maintenance |
| creativetimofficial/vue-paper-dashboard A Vue.js implementation of Creative Tim's Paper Dashboard admin template, built with vue-router and Bootstrap styling. It provides a pre-bu… | 23 | 1790 | maintenance |
| rktjmp/lush.nvim Lush is a Neovim plugin that aids in creating colorschemes with real-time feedback as you edit, plus color manipulation tools and a structu… | 46 | 1785 | maintenance |
| stepstone-tech/android-material-stepper An Android library implementing Material Design steppers, which break a flow into numbered logical steps with progress indicators. It suppo… | 23 | 1773 | maintenance |
| CosmicMind/Motion Motion is a Swift library for creating fluid animations and transitions for iOS views, layers, and view controllers. It provides a motionId… | 23 | 1772 | maintenance |
| huextrat/TheGorgeousLogin A beautifully designed login page template built with Flutter, inspired by a design from Uplabs. It serves as a reference implementation fo… | 32 | 1765 | maintenance |
| loadingio/css-spinner A collection of 12 small, elegant pure CSS loading spinners for websites, with no external dependencies. Each spinner averages ~1KB, is cus… | 23 | 1764 | maintenance |
| proksh/atomize Atomize is a React UI design system built on styled-components and Styletron, offering customizable, production-ready components following … | 32 | 1762 | maintenance |
| romannurik/MaterialColorsApp A small macOS desktop application that provides quick access to the standard Material Design color palette. It is built with Electron/JavaS… | 23 | 1745 | maintenance |
| janheinrichmerker/material-intro An Android library that provides material design app intro/onboarding screens with animations and a fluent Java API. It supports predefined… | 48 | 1716 | maintenance |