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 |
|---|---|---|---|
| JideGuru/FlutterFoodybite A Flutter sample app implementing a restaurant/food ordering UI originally designed on Uplabs, consisting of two screens. It serves as a UI… | 32 | 1714 | maintenance |
| sdras/page-transitions-travelapp A demo travel application built with Vue and Nuxt that showcases native-like page transitions. It serves as a reference implementation for … | 32 | 1713 | maintenance |
| afonsof/jenkins-material-theme A Material Design CSS theme for Jenkins that restyles the CI server's user interface with a single small CSS file. It supports custom color… | 32 | 1713 | maintenance |
| Shards UI Kit Shards Dashboard is a free admin dashboard template pack built on the Shards UI design system, available in a React (Create React App) vers… | 23 | 1709 | maintenance |
| Shards UI Kit Shards is a free, MIT-licensed UI kit built on top of Bootstrap 4.3.1, offering custom components, templates, and SCSS source files with a … | 23 | 1709 | maintenance |
| sozi-projects/Sozi Sozi is a free, open-source zooming presentation editor and player for SVG documents. Presentations are laid out like a poster, and playbac… | 65 | 1707 | maintenance |
| creativetimofficial/now-ui-kit ... | 23 | 1692 | maintenance |
| Martz90/vivify Vivify is a free, MIT-licensed CSS animation library providing dozens of ready-made keyframe animation classes like fadeIn, popIn, shake, a… | 32 | 1672 | maintenance |
| smcllns/css-social-buttons Zocial is a CSS library that renders popular social and login buttons (Facebook, Twitter, GitHub, Dropbox, etc.) using an icon font and min… | 23 | 1672 | maintenance |
| marcbruederlin/particles.js particles.js is a lightweight, dependency-free JavaScript plugin for rendering animated particle backgrounds on an HTML canvas. It supports… | 10 | 1667 | maintenance |
| Yalantis/SearchFilter An Android UI library written in Kotlin that implements an animated search filter component, inspired by a Quora-meets-LinkedIn design conc… | 23 | 1662 | maintenance |
| rmwc/rmwc RMWC is a React component library wrapping Google's official Material Components Web library, providing Material Design UI components with … | 52 | 1657 | maintenance |
| dataliterate/data-populator Data Populator is a plugin for Sketch and Adobe XD that fills design mockups with meaningful, realistic data from JSON sources instead of L… | 23 | 1656 | maintenance |
| 9elements/fancy-border-radius A web-based visual generator for creating organic shapes using the eight-value CSS border-radius slash syntax. Users can adjust sliders to … | 32 | 1649 | maintenance |
| jenil/bulmaswatch Bulmaswatch is a collection of free themes for the Bulma CSS framework, inspired by Bootswatch. It provides drop-in stylesheets usable via … | 32 | 1640 | maintenance |
| sureskumar/sketch-isometric A Sketch app plugin that generates isometric and 3D rotation views from artboards and rectangles. It offers adjustable rotation direction, … | 23 | 1637 | maintenance |
| chinchang/cta.js cta.js (Call to Animation) is a lightweight 1.2KB JavaScript library that animates any DOM element ('action') onto any other element ('effe… | 32 | 1633 | maintenance |
| Bootstrap Admin Theme A free, MIT-licensed generic admin dashboard theme built on Bootstrap, providing pre-built pages for login, dashboards, charts, tables, for… | 10 | 1624 | maintenance |
| cgrand/enlive Enlive is a selector-based (CSS-like) templating and HTML transformation library for Clojure. It lets developers select nodes in HTML docum… | 32 | 1617 | maintenance |
| florent37/ArcLayout ArcLayout is an Android UI library providing a custom layout view that crops its content with curved arc edges, in inside or outside direct… | 10 | 1617 | maintenance |
| ThisIsDallas/Simple-Grid Simple Grid is a lightweight, responsive CSS grid system that provides column classes for content and layout grids without being a full CSS… | 32 | 1608 | maintenance |
| cascadefox/cascade Cascade is a minimalistic, keyboard-centered userChrome CSS theme for Firefox that removes interface clutter. It is customizable in colors … | 57 | 1607 | maintenance |
| csstools/precss PreCSS is a PostCSS plugin that lets you write Sass-like markup—variables, conditionals, iterators, nesting, and extends—directly in CSS fi… | 10 | 1587 | maintenance |
| FOSSASIA-Web/2018.fossasia.org The official static website for the FOSSASIA Summit 2018, a four-day open technology conference held in Singapore in March 2018. It is an H… | 32 | 1578 | maintenance |
| Zackratos/UltimateBarX UltimateBarX is a Kotlin library for Android that makes it easy to customize the status bar and navigation bar with effects like transparen… | 32 | 1576 | maintenance |
| FOSSASIA-Web/2017.fossasia.org The static website for the FOSSASIA Summit 2017 conference held in Singapore, built with HTML/CSS/JavaScript. It presents event information… | 32 | 1574 | maintenance |
| michalsnik/vue-content-placeholders A Vue 2 plugin providing composable components for rendering animated skeleton placeholders (like Facebook's) while data is loading. It off… | 32 | 1569 | maintenance |
| alvarotrigo/multiscroll.js multiScroll.js is a jQuery plugin by Alvaro Trigo for creating split-scrolling websites with two vertical scrolling panels that move in opp… | 23 | 1562 | maintenance |
| Cobalt2 Theme Cobalt2 is a refined color scheme and UI theme for Sublime Text based on the original cobalt theme. It styles the full editor interface inc… | 23 | 1561 | maintenance |
| FOSSASIA-Web/2016.fossasia.org The source code for the FOSSASIA Summit 2016 conference website, a static site showcasing the event held in Singapore in March 2016. Schedu… | 32 | 1559 | maintenance |
| Codeinwp/Ideal-Image-Slider-JS Ideal Image Slider is a dependency-free image slider written in vanilla JavaScript with CSS3 transitions, touch/swipe support, HiDPI images… | 10 | 1558 | maintenance |
| gowong/material-sheet-fab An Android library that implements the floating action button to sheet transition from Google's Material Design specification. It works wit… | 32 | 1553 | maintenance |
| BlazeSoftware/atoms Blaze Atoms is a set of framework-free web components built with Stencil that power the Blaze UI toolkit. It provides reusable UI elements … | 23 | 1550 | maintenance |
| tylerchilds/cutestrap Cutestrap is a tiny (2.7KB minified & gzipped) pure CSS framework built with modern CSS custom properties. It provides opinionated form sty… | 23 | 1550 | maintenance |
| codrops/Animocons A collection of animated icons built on the mo.js motion graphics library, published by Codrops as demo/inspiration code. It provides JavaS… | 32 | 1549 | maintenance |
| matyunya/smelte Smelte is a UI framework providing Material Design components built with Svelte and Tailwind CSS. It offers a wide range of components and … | 32 | 1545 | maintenance |
| FOSSASIA-Web/2015.fossasia.org The official static website for the FOSSASIA Summit 2015 conference in Singapore, built with HTML/CSS. It presents event information includ… | 32 | 1541 | maintenance |
| romashamin/Size-Marks-PS A Photoshop script that converts rectangular marquee selections into labeled measurement marks for design specs. It is aimed at web designe… | 23 | 1541 | maintenance |
| JoniVR/VerticalCardSwiper VerticalCardSwiper is a Swift UIKit library that recreates the Shazam Discover UI combined with Tinder-style card swiping, built on UIColle… | 23 | 1539 | maintenance |
| bchanx/slidr slidr.js is a lightweight, dependency-free JavaScript library for adding slide transitions to any HTML elements. It supports nested sliders… | 23 | 1538 | maintenance |
| FOSSASIA-Web/2014.fossasia.org The static website for the FOSSASIA Summit 2014 open source technology conference held in Phnom Penh, Cambodia. It is a plain HTML/CSS site… | 32 | 1537 | maintenance |
| rubensousa/FloatingToolbar An Android UI library that provides a toolbar which morphs from a FloatingActionButton with a material design transition animation. It supp… | 23 | 1537 | maintenance |
| jasonlong/cayman-theme Cayman is a clean, responsive CSS theme for GitHub Pages project sites. It can be used via GitHub's Automatic Page Generator or copied for … | 32 | 1535 | maintenance |
| Spikeysanju/MotionToast MotionToast is a Kotlin library for Android that displays animated, styled toast notifications. It supports success, error, warning, info, … | 23 | 1535 | maintenance |
| sourcechord/FluentWPF FluentWPF is a C# library that brings Microsoft's Fluent Design System to WPF applications. It provides acrylic window/brush effects, Revea… | 23 | 1534 | maintenance |
| abuanwar072/Chat-Messaging-App-Light-and-Dark-Theme A Flutter UI template for a chat/messaging app with light and dark theme support, covering screens like welcome, sign-in/sign-up, OTP valid… | 32 | 1529 | maintenance |
| hauptrolle/chakra-templates A curated collection of production-ready, responsive Chakra UI templates for React projects, browsable at chakra-templates.dev with live pr… | 10 | 1526 | maintenance |
| alexander-ladygin/illustrator-scripts A collection of ExtendScript (JSX) scripts for Adobe Illustrator that automate common design tasks like resizing and rotating artboards, cr… | 32 | 1519 | maintenance |
| alanwangmodify/WXSTransition WXSTransition is an Objective-C library providing around 50 view controller transition animations for iOS apps, usable with a single line o… | 23 | 1519 | maintenance |
| kactus-io/kactus Kactus is an open-source desktop application that brings Git-based version control to designers, specifically Sketch users. It provides a G… | 23 | 1511 | maintenance |
| Valaxy hexo-theme-yun is a fast, lightweight, and cute theme for the Hexo static site generator, built with Pug and Stylus. It is now in maintenan… | 43 | 1506 | maintenance |
| jeromelachaud/freelancer-theme A Jekyll theme based on the Freelancer Start Bootstrap theme, providing a one-page portfolio layout with project modals and a contact form.… | 32 | 1497 | maintenance |
| amineyarman/vue-kinesis vue-kinesis is a set of Vue.js components for easily creating complex interactive animations, such as parallax and mouse-driven effects, co… | 67 | 1495 | maintenance |
| magicpatterns/catalog An open-source website that catalogs popular React component libraries across various design systems, letting users browse and compare comp… | 31 | 1495 | maintenance |
| malerba118/scrollex Scrollex is a React library for building scroll-driven animations and experiences with minimal code. It provides Scroll.Container and Scrol… | 32 | 1494 | maintenance |
| skydoves/DisneyMotions A demo Disney-themed Android application showcasing Material Design transformation motion systems built with MVVM architecture in Kotlin. I… | 23 | 1494 | maintenance |
| creativetimofficial/notus-nextjs Notus NextJS is a free, MIT-licensed UI kit and admin dashboard template built with Tailwind CSS and NextJS/React by Creative Tim. It ships… | 23 | 1491 | maintenance |
| JackJiang2011/beautyeye BeautyEye is a free, cross-platform Java Swing look-and-feel library that gives Swing applications a modern, polished appearance, drawing o… | 23 | 1490 | maintenance |
| eqcss/eqcss EQCSS is a JavaScript-based CSS reprocessor that adds element queries (@element), scoped CSS, a parent selector, and responsive JavaScript … | 23 | 1488 | maintenance |
| jmpressjs/jmpress.js jmpress.js is a jQuery plugin for building websites and presentations on an infinite canvas, ported from impress.js. It leverages CSS3 tran… | 66 | 1486 | maintenance |
| csswizardry/csswizardry-grids csswizardry-grids is a Sass-based, responsive CSS grid system with fluid, nestable, and reorderable layout classes. It uses a modified BEM … | 32 | 1482 | maintenance |
| zalog/placeholder-loading A CSS-only library for content placeholder (skeleton) loading animations, built with SASS and customizable via variables. It provides simpl… | 23 | 1481 | maintenance |
| chakhsu/pinghsu Pinghsu is a Typecho blog theme built with a focus on front-end performance optimization while balancing design aesthetics and visual commu… | 23 | 1479 | maintenance |
| adchsm/Slidebars Slidebars is a jQuery-based framework for adding off-canvas menus and sidebars to websites and web apps. Version 2.0 is a complete rewrite … | 23 | 1478 | maintenance |
| florent37/MaterialTextField An Android UI library that wraps EditText views in a MaterialTextField container to create an animated, floating-label text input with Mate… | 10 | 1466 | maintenance |
| lukaszflorczak/vue-agile A touch-friendly, responsive carousel/slider component for Vue.js 3, inspired by Slick and free of jQuery dependencies. It supports autopla… | 10 | 1459 | maintenance |
| bjango/Bjango-Actions A collection of Photoshop actions, Photoshop scripts, Hazel rules, and macOS workflows for screen designers and developers. It automates co… | 32 | 1458 | maintenance |
| minhur/bootstrap-toggle Bootstrap Toggle is a jQuery-based Bootstrap plugin that converts standard HTML checkboxes into styled toggle switches. It supports data-at… | 32 | 1455 | maintenance |
| LeaVerou/css3patterns A gallery of pure CSS3 background patterns built with gradients, originally created by Lea Verou in 2010. It showcases editable code snippe… | 32 | 1451 | maintenance |
| sephiroth74/Material-BottomNavigation A lightweight Android bottom navigation widget library implementing Google's Material Design bottom navigation guidelines. It is configured… | 23 | 1449 | maintenance |
| javierbyte/visual-center Visual Center is a web tool and npm library that finds the visual (optical) center of images and logos by computing per-pixel color-differe… | 73 | 1448 | maintenance |
| Heydon/fukol-grids Fukol is a 93-byte Flexbox-based CSS grid system that lives entirely in its README. It provides breakpoint-free, responsive grid layouts us… | 32 | 1447 | maintenance |
| zhui-team/zhui Zhui is a React component library with a Chinese aesthetic style, distributed via npm. It provides reusable UI components like buttons for … | 32 | 1446 | maintenance |
| stephenhutchings/typicons.font Typicons is a set of 336 pixel-perfect vector icons packaged as a web font with CSS, distributed via npm and bower. It includes SVG source … | 23 | 1446 | maintenance |
| jaredrummler/Cyanea Cyanea is a dynamic theme engine for Android apps, written in Kotlin, that lets users change app colors and themes at runtime. It integrate… | 10 | 1442 | maintenance |
| FOSSASIA-Web/2019.fossasia.org The source code for the FOSSASIA Summit 2019 conference website (2019.fossasia.org), an open-source static site built in HTML. It presents … | 32 | 1440 | maintenance |
| oneHamidreza/MeowBottomNavigation A Kotlin library providing a curved, material-style bottom navigation bar for Android apps. It supports customizable colors, animations, ba… | 23 | 1439 | maintenance |
| bryanjclark/SwiftTweaks SwiftTweaks is an iOS Swift library that lets developers adjust 'magic numbers' like animation timings, colors, and layout constants in deb… | 23 | 1437 | maintenance |
| mrcoles/markdown-css A CSS stylesheet (built from LESS) that makes regular HTML render as if it were plain-text markdown, using only CSS with no JavaScript. It … | 32 | 1436 | maintenance |
| creotip/vue-particles A Vue.js component that renders animated particle backgrounds, wrapping particles.js for Vue 2 applications. It is SSR-compatible and teste… | 32 | 1434 | maintenance |
| tailwindlabs/tailwindcss-container-queries An official Tailwind CSS plugin that adds container query utilities like @container and @lg: variants for styling elements based on their c… | 56 | 1433 | maintenance |
| BootstrapDash/StarAdmin-Free-Bootstrap-Admin-Template Star Admin is a free, responsive admin dashboard template built with Bootstrap 4, featuring a clean, elegant UI with pre-built components, … | 23 | 1419 | maintenance |
| Fluid Slider An Android UI library by Ramotion providing a fluid slider widget with a popup bubble that displays the precise selected value. It is writt… | 32 | 1416 | maintenance |
| mmin18/FlexLayout An Android layout view library that lets developers describe relative view positions using Java-style expressions in XML layout params, suc… | 32 | 1414 | maintenance |
| purogamer/Fluent-for-Steam Fluent for Steam is a community skin/theme for the Steam desktop client that restyles its interface following Windows 11 Fluent Design prin… | 23 | 1414 | maintenance |
| joelambert/Flux-Slider Flux Slider is a JavaScript framework for image transitions built on CSS3 animations rather than JavaScript timers, leveraging hardware acc… | 32 | 1413 | maintenance |
| lukevink/hass-config-lajv A personal Home Assistant configuration repository featuring a heavily customized, picture-elements-based Lovelace UI with a dynamic 3D flo… | 32 | 1405 | maintenance |
| codebygina/mediumish-theme-jekyll Mediumish is a free MIT-licensed Jekyll theme that gives blogs and static sites a Medium-style look. It is a template built on Bootstrap fo… | 23 | 1404 | maintenance |
| zavoloklom/material-design-iconic-font Material Design Iconic Font is a CSS toolkit and icon font packaging Google's official Material Design icons plus community and brand icons… | 23 | 1404 | maintenance |
| jstejada/react-typist React Typist is a React component library for creating typewriter-style typing animations. It wraps any text or element tree and animates t… | 23 | 1400 | maintenance |
| aholachek/animate-css-grid A small TypeScript library that animates CSS Grid layout changes (grid-column, grid-row, grid-template-columns, gap) using performant trans… | 23 | 1400 | maintenance |
| abynim/UserFlows A Sketch plugin that automatically generates user flow diagrams from artboards in Sketch documents. It visualizes how screens connect, help… | 32 | 1399 | maintenance |
| styled-components/vue-styled-components A Vue 2.x port of styled-components that lets you write actual CSS in JavaScript using tagged template literals to create styled Vue compon… | 63 | 1377 | maintenance |
| OpnTec/2018.opentechsummit.de The source code for the OpenTechSummit 2018 conference website, built with HTML and CSS. It is a static site presenting event information s… | 32 | 1377 | maintenance |
| Eajy/MaterialDesignDemo A demo Android application showcasing Google's Material Design components implemented with the Android design support library. It serves as… | 32 | 1372 | maintenance |
| Yalantis/ColorMatchTabs An iOS UI component library by Yalantis that provides an animated color-matching tab bar with a scrollable content view and popover menu. I… | 23 | 1369 | maintenance |
| react-materialize/react-materialize A React component library that wraps Materialize CSS to provide Material Design UI components like buttons, cards, and grids. It offers a r… | 23 | 1369 | maintenance |
| devlint/gridlex Gridlex is a simple CSS Flexbox-based grid system for building responsive layouts, available as ready-to-use CSS or customizable Sass sourc… | 23 | 1368 | maintenance |
| thoughtbot/bitters Bitters is a set of scaffold styles, Sass variables, and default element styles for web projects, designed to work alongside the Bourbon Sa… | 23 | 1362 | maintenance |
| flatlogic/angular-material-dashboard An open-source AngularJS admin dashboard template styled with Angular Material, featuring a responsive layout, UI Router, Sass styles, and … | 23 | 1360 | maintenance |