Open-source Design & UI projects

169 MIT-licensed design & ui projects, most-starred first — free to use, modify and ship commercially. Each page covers what it is, who it suits, how to install and run it, and how it compares.

1. 1BootstrapA free front-end toolkit of ready-made CSS and JavaScript for building responsive websites.★ 175k
2. 2UI UX Pro MaxAn AI skill that gives coding assistants UI/UX design guidance and searchable style data.★ 144k
3. 3ExcalidrawOpen-source virtual whiteboard for sketching hand-drawn style diagrams in your browser.★ 135k
4. 4shadcn/uiCopy-in React UI components you customize as your own code, built on Tailwind CSS.★ 127k
5. 5Awesome DESIGN.mdA curated collection of DESIGN.md files describing the visual design of popular websites, for AI agents to cop★ 125k
6. 6Ant DesignA React component library and design system for building enterprise web apps.★ 100k
7. 7Material UIA React component library of ready-made UI pieces built on Google's Material Design.★ 99.3k
8. 8Tailwind CSSA utility-first CSS framework for building custom user interfaces quickly.★ 98.3k
9. 9Anime.jsA JavaScript library for animating CSS properties, SVG, DOM attributes and plain objects.★ 74.2k
10. 10reveal.jsA free HTML framework for building slide presentations that run in a web browser.★ 72.5k
11. 11Chart.jsA JavaScript library for drawing simple, customizable charts on web pages using canvas.★ 67.8k
12. 12design-resources-for-developersA curated, link-only list of free and paid design resources: stock photos, templates, CSS frameworks, UI libra★ 67.3k
13. 13diagram-designAn agent skill that draws editorial diagrams as one self-contained HTML + SVG file.★ 64.2k
14. 14awesome-android-uiA curated list of links to Android UI and UX libraries, sorted by component type.★ 58.3k
15. 15ElementA Vue 2 component library of ready-made UI pieces for building web apps.★ 54k
16. 16normalize.cssA small CSS file that makes browsers display basic HTML elements more consistently.★ 53.5k
17. 17SkillsA set of instruction files that teach AI coding agents better UI animation and design choices.★ 52.9k
18. 18Semantic UIA CSS and JavaScript UI component framework built around theming and readable HTML.★ 51k
19. 19BulmaA CSS framework built on Flexbox that gives you styled layout and UI classes.★ 50k
20. 20AdminLTEFree Bootstrap 5 admin dashboard template with responsive layouts and dark mode.★ 45.7k
21. 21HallmarkA design skill that makes AI coding assistants build web pages that don't look machine-made.★ 45.5k
22. 22daisyUIA free component library of ready-made UI pieces for Tailwind CSS.★ 42.7k
23. 23TablerFree, open source Bootstrap 5 admin dashboard UI kit with dark mode and RTL support.★ 42k
24. 24SwiperA free JavaScript touch slider for mobile-friendly carousels and image galleries.★ 41.9k
25. 25Awesome Design ToolsA curated, categorized list of design tools and links to plugins, UI kits and conferences.★ 41.7k
26. 26Chakra UIA React component library for building accessible web apps and design systems quickly.★ 40.7k
27. 27MaterializeA CSS framework that gives web pages ready-made styled parts based on Google's Material Design.★ 38.8k
28. 28impress.jsA JavaScript framework for making zoomable, 3D-style presentations in a web browser using CSS transforms.★ 38.2k
29. 29CarbonTurn source code into good-looking images you can share.★ 36.1k
30. 30MotionAn open source animation library for JavaScript, React and Vue.★ 34.8k
31. 31Floating UIA small JavaScript library for positioning tooltips, popovers and dropdowns next to other elements.★ 32.8k
32. 32LottieJavaScript player that renders After Effects animations exported as JSON on the web.★ 32.3k
33. 33MantineA React component library with 100+ UI components and 80+ hooks, MIT licensed.★ 31.9k
34. 34Fabric.jsA JavaScript library for drawing, editing and exporting interactive objects on HTML canvas.★ 31.5k
35. 35LayuiA free, open-source UI component library for building web pages with plain HTML, CSS and JavaScript.★ 30.6k
36. 36particles.jsA small JavaScript library that draws animated particle backgrounds on a web page.★ 30.2k
37. 37PlyrA simple, accessible video and audio player for HTML5, YouTube and Vimeo. Now deprecated.★ 30k
38. 38react-springA React animation library built on spring physics for smooth, natural motion.★ 29.3k
39. 39Headless UIUnstyled, accessible UI components (React and Vue) that you style yourself, often with Tailwind CSS.★ 28.8k
40. 40SlickA JavaScript carousel/slider library for making image and content sliders on web pages.★ 28.5k
41. 41Huashu DesignAn agent skill that turns a one-line prompt into HTML prototypes, slides, animations and infographics.★ 28.5k
42. 42AOSA JavaScript library that fades and slides page elements into view as you scroll.★ 28k
43. 43Element PlusA Vue 3 component library of ready-made UI pieces, written in TypeScript.★ 27.8k
44. 44Driver.jsA small, dependency-free JavaScript library for highlighting page elements and building product tours.★ 27k
45. 45react-adminA TypeScript/React framework for building admin dashboards on top of REST or GraphQL APIs.★ 27k
46. 46FeatherA free set of simple, consistent line icons you can drop into websites and apps.★ 26k
47. 47ngx-adminA ready-made Angular admin dashboard template with themes, components, and examples.★ 25.7k
48. 48PhotoSwipeA JavaScript image gallery and lightbox that works on mobile and desktop and is not tied to any framework.★ 25.3k
49. 49Pascal EditorFree, open-source 3D building editor you run in a browser or CLI, with AI agent access via MCP.★ 25.3k
50. 50Angular MaterialOfficial Angular UI component library (Material Design) plus tools for building custom components.★ 25k
51. 51VantA Vue UI component library for building mobile web pages, MIT licensed.★ 24.4k
52. 52AnatomyA Claude skill that builds interactive isometric SVG illustrations of machines to explain technical ideas.★ 24k
53. 53HeroiconsFree MIT-licensed SVG icon set for UI work, with React and Vue packages.★ 23.9k
54. 54DraculaA dark and light color scheme that gets applied to code editors, terminals, and other apps.★ 23.6k
55. 55Magic UICopy-and-paste animated React components and effects for Next.js and Tailwind apps.★ 23k
56. 56SVGOShrinks SVG image files by removing redundant data, via a Node.js library or command line.★ 22.8k
57. 57React-BootstrapBootstrap 5 UI components rebuilt as React components.★ 22.6k
58. 58Tabler IconsOver 6,000 free MIT-licensed SVG icons for web projects, in many formats and frameworks.★ 22.5k
59. 59HeroA Swift library for custom iOS and tvOS screen transitions, set up declaratively.★ 22.5k
60. 60React-Grid-LayoutA React component library for draggable, resizable grid layouts with responsive breakpoints.★ 22.5k
61. 61SweetAlertA JavaScript library that replaces the plain browser alert with styled popup dialogs.★ 22.2k
62. 62NES.cssA CSS library that styles buttons, boxes and forms to look like retro NES-era games.★ 21.9k
63. 63GentelellaFree admin dashboard template built with vanilla JavaScript, SCSS and Vite, without Bootstrap or jQuery.★ 21.6k
64. 64Rough.jsA small JavaScript library that draws shapes in a sketchy, hand-drawn style on Canvas or SVG.★ 21.3k
65. 65FileeFree, offline file converter you use by dragging files onto a format wheel.★ 20.5k
66. 66CatppuccinA set of soothing pastel color palettes for coding, design, and other tools.★ 19.9k
67. 67Radix PrimitivesUnstyled, accessible React UI components for building your own design system.★ 19.5k
68. 68SkeletonA small, plain CSS starting point for responsive, mobile-friendly web pages.★ 19.3k
69. 69SpinKitA set of CSS-only animated loading spinners you can copy into a web page.★ 19.3k
70. 70mo · jsA JavaScript library for building motion graphics and animations on web pages.★ 18.9k
71. 71UIkitA lightweight CSS and JavaScript framework for building fast web interfaces.★ 18.5k
72. 72DraggableA JavaScript library for building custom drag-and-drop behavior in web pages.★ 18.5k
73. 73skrollrA small JavaScript library that animates page elements as you scroll, configured with plain CSS-style data att★ 18.4k
74. 74wangEditorOpen-source web rich text editor that works out of the box, with JS, Vue and React support.★ 18.3k
75. 75IoniconsA free, MIT-licensed set of 1,300 icons for web and mobile apps, built for Ionic.★ 18.2k
76. 76SweetAlert2A customizable, accessible replacement for JavaScript's built-in popup boxes, with no dependencies.★ 18.1k
77. 77TwemojiTwitter's open-source emoji images and a small JavaScript library to swap emoji characters for images.★ 17.8k
78. 78dnd-kitA toolkit for building drag and drop interfaces on the web, with adapters for several frameworks.★ 17.8k
79. 79ML VisualsA shared collection of reusable science figures and slide templates for machine learning writing.★ 17.4k
80. 80VelocityA JavaScript library for smooth, fast animations of web page elements, as a jQuery-style alternative.★ 17.2k
81. 81Material Components for the webGoogle's Material Design UI components for websites, as CSS and JavaScript modules. Archived.★ 17k
82. 82LenisA small JavaScript library that makes page scrolling smooth on websites.★ 17k
83. 83Pico CSSA small CSS framework that styles plain HTML elements by default. Archived and no longer maintained.★ 16.8k
84. 84flatpickrA lightweight, dependency-free date and time picker for web pages.★ 16.5k
85. 85AngularJS MaterialA UI component library implementing Material Design for AngularJS 1.x apps; archived and no longer supported.★ 16.4k
86. 86Shadcn AdminA ready-made admin dashboard UI template built with shadcn/ui components and Vite.★ 16.4k
87. 87al-folioA simple Jekyll starter website template for academics, with plugins for extra features.★ 16.3k
88. 88SolarizedA 16-color palette for terminals and code editors, with matched dark and light modes.★ 16k
89. 89NexTA clean, customizable theme for the Hexo static blog generator. No longer maintained.★ 15.7k
90. 90PaceA script that adds an automatic loading progress bar to any web page.★ 15.6k
91. 91vivus.jsJavaScript library that makes SVG drawings appear to be drawn on screen.★ 15.5k
92. 92Flat UIA flat-style visual theme and component set built on Bootstrap, for ready-made web pages.★ 15.3k
93. 93Frappe ChartsA small JavaScript library that draws responsive SVG charts with no other dependencies.★ 15.1k
94. 94DrawnixOpen-source whiteboard for mind maps, flowcharts and freehand drawing, runs in the browser.★ 15k
95. 95react-sketchappA React renderer that draws components as layers in Sketch design files.★ 14.8k
96. 96BootswatchA collection of free, open source visual themes that restyle Bootstrap websites.★ 14.7k
97. 97UiverseA large archive of community-made CSS and Tailwind UI elements, free under MIT.★ 14.7k
98. 98PrimeVueVue UI component library, now in security-fix-only mode; development moved to PrimeUI.★ 14.4k
99. 99maptoposterPython script that turns a city's OpenStreetMap data into a minimalist, printable map poster.★ 14.3k
100. 100Latent DiffusionResearch code for generating and editing high-resolution images from text and masks using latent diffusion.★ 14.2k
101. 101SpringA Swift library that adds ready-made animation effects to iOS views with little code.★ 14.1k
102. 102PaperModA fast, clean, responsive theme for the Hugo static site generator.★ 14k
103. 103Cropper.jsA JavaScript library for cropping images in the browser.★ 13.9k
104. 104AstryxAn open source React design system of accessible components, themes, and a CLI, built for people and AI agents★ 13.8k
105. 105ShoelaceA sunset library of web components; development has moved to Web Awesome.★ 13.8k
106. 106Responsive HTML Email TemplateA free, simple responsive HTML email template with a clear call-to-action button.★ 13.7k
107. 107PuckA visual drag-and-drop page editor you embed in your own React app.★ 13.6k
108. 108Minimal MistakesA two-column Jekyll theme for personal sites, blogs, docs, and portfolios.★ 13.6k
109. 109Badges4-README.md-ProfileA large collection of ready-made badge images you can copy into your GitHub profile README.★ 13.6k
110. 110Garden SkillsA collection of ready-made Agent Skills for AI coding tools like Claude Code and Cursor.★ 13.5k
111. 111AI Design SkillsA set of markdown design-guidance files that AI coding tools can follow, starting with a landing-page skill.★ 13.5k
112. 112ChartistA small JavaScript library that draws simple, responsive SVG charts styled with CSS.★ 13.5k
113. 113Semantic UI ReactReact components that render Semantic UI markup, so you can build interfaces with them.★ 13.2k
114. 114TW ElementsA free, MIT-licensed collection of interactive UI components and templates for Tailwind CSS.★ 13.2k
115. 115SonnerA React component that shows small pop-up notification messages (toasts).★ 13.1k
116. 116google-webfonts-helperA web tool that lets you download Google Fonts as files and CSS so you can host them yourself.★ 13.1k
117. 117Primer CSSGitHub's CSS design system, distributed as Sass styles for building GitHub-style interfaces.★ 13.1k
118. 118Ian Xiaohei IllustrationsA Codex Skill that guides AI agents to draw white-background hand-drawn Chinese article illustrations.★ 13k
119. 119smartcrop.jsA JavaScript library that picks a sensible crop point in an image, for browsers and Node.js.★ 13k
120. 120interact.jsJavaScript library for drag, drop, resize and multi-touch gestures in web pages.★ 12.9k
121. 121iScrollA small, dependency-free JavaScript scroller for smooth scrolling in web pages.★ 12.8k
122. 122TOAST UI CalendarA JavaScript calendar component for showing and editing schedules in web pages.★ 12.7k
123. 123flag-iconsA set of country flag images in SVG, plus CSS to show them easily on web pages.★ 12.5k
124. 124Bootstrap for SassBootstrap 3's CSS framework packaged as Sass for Rails, npm, and Bower projects.★ 12.5k
125. 125EvergreenA React UI component library for building web apps, maintained by Segment.★ 12.4k
126. 126mapcnReady-made React map components built on MapLibre GL and styled with Tailwind.★ 12.4k
127. 127React ColorA React library of ready-made color picker components modeled on popular design and browser tools.★ 12.3k
128. 128HyperUIFree, open-source Tailwind CSS UI components you copy and paste into your project.★ 12.3k
129. 129Shap-EResearch code that generates 3D objects from a text prompt or an image.★ 12.3k
130. 130CoreUI Free Bootstrap Admin TemplateFree Bootstrap 5 admin dashboard template with AI-coding context files included.★ 12.3k
131. 131Tippy.jsA JavaScript library for adding tooltips, popovers, dropdowns and menus to web pages.★ 12.2k
132. 132KamiLayout rules and templates that let AI agents export documents as PDF, PNG, or editable PowerPoint.★ 12.2k
133. 133react-datesA React datepicker component that supports internationalization and works on mobile.★ 12.2k
134. 134FlowyA small, dependency-free JavaScript library for building draggable flowchart editors in web pages.★ 12.1k
135. 135Creative Tim UIA set of React/Next.js UI components and page blocks you add to shadcn/ui projects via a CLI.★ 12.1k
136. 136Ant Design MobileA set of ready-made mobile UI components for building mobile web apps in React.★ 12.1k
137. 137toastrA small jQuery library for showing non-blocking pop-up toast notifications on web pages.★ 12.1k
138. 138Signature PadA small JavaScript library that lets web pages capture smooth hand-drawn signatures on a canvas.★ 12.1k
139. 139MaterialA Swift UI framework for iOS apps with Material Design-style components and animations.★ 12k
140. 140fireworks-tech-graphTurns plain-language descriptions into SVG and PNG technical diagrams, with 12 visual styles.★ 11.9k
141. 141react-slickA carousel (image or content slider) component for React, ported from slick carousel.★ 11.9k
142. 142deviconA free set of logo icons for programming languages and developer tools, as a font or SVGs.★ 11.9k
143. 143SummernoteA JavaScript library that adds a simple rich-text (WYSIWYG) editor to web pages.★ 11.8k
144. 144Bootstrap TableA JavaScript plugin that adds sorting, pagination, selection and more to HTML tables.★ 11.8k
145. 145TachyonsA small, utility-class CSS library for building layouts without writing custom CSS.★ 11.7k
146. 146CardA JavaScript library that adds a live credit card preview to your existing payment form.★ 11.7k
147. 14798.cssA CSS stylesheet that makes plain HTML look like Windows 98 interface elements.★ 11.6k
148. 148RésuméA LaTeX résumé template you fill in and compile to a clean PDF.★ 11.5k
149. 149Spectre.cssA small CSS framework with ready-made styles, a flexbox grid, and components for web pages.★ 11.3k
150. 150Magnific PopupA small jQuery/Zepto lightbox plugin for images and popups; now deprecated.★ 11.3k
151. 151Base UIUnstyled, accessible React UI components you style yourself.★ 11.3k
152. 152RaphaëlA JavaScript library for drawing vector graphics in web browsers.★ 11.3k
153. 153beautiful-mermaidRenders Mermaid text diagrams as SVG or terminal ASCII, with themes, no DOM needed.★ 11.3k
154. 154Keen DashboardsFree, responsive HTML/CSS Grid dashboard templates you can copy and fill with your own charts.★ 11k
155. 155react-dropzoneA React hook for building drag-and-drop file upload zones in web pages.★ 11k
156. 156Fluent UI System IconsA large free set of modern Microsoft icons for Android, iOS, Flutter and SVG projects.★ 10.9k
157. 157MuuriA JavaScript library for building responsive grid layouts that can be sorted, filtered, and dragged.★ 10.9k
158. 158PixeloramaA free, open-source pixel art editor for sprites, tiles, and animations.★ 10.9k
159. 159CaireGo library and command-line tool that resizes images by removing low-importance seams, keeping key content int★ 10.9k
160. 160Wired ElementsA set of basic UI elements (buttons, inputs) drawn to look hand-sketched, for wireframes.★ 10.8k
161. 161Effeckt.cssA CSS library of transition and animation effects for mobile web (archived, no longer maintained).★ 10.8k
162. 162shadcn-vueA Vue port of shadcn-ui: copy-in UI components you can customize and build on.★ 10.8k
163. 163MoveableA JavaScript library that adds drag, resize, rotate and related handles to web page elements.★ 10.8k
164. 164RoomGPTOpen-source web app that redesigns a photo of your room using AI.★ 10.7k
165. 165lax.jsA small vanilla JavaScript library for scroll-driven animations, under 4kb gzipped. Archived.★ 10.5k
166. 166MilligramA small CSS stylesheet framework for clean, simple page styling, around 2kb gzipped.★ 10.2k
167. 167Fluent EmojiA free set of friendly, modern emoji icons from Microsoft, published on GitHub.★ 10.2k
168. 168SpectacleA React library for building slide presentations by writing JSX, including live code demos.★ 10.2k
169. 169Leon SansA geometric sans-serif font built from code, for animating text on HTML5 Canvas.★ 10.2k