Open Source Design Software
Sort By:
Design Software
Browse free open source Design software and projects for Mac and ChromeOS below. Use the toggles on the left to filter open source Design software by OS, license, language, programming language, and project status.
-
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
Try Google Cloud Risk-Free With $300 in CreditUse your credit across every product. Compute, storage, AI, analytics. When it runs out, 20+ products stay free. You only pay when you choose to.
-
1
Frontend Slides
Create beautiful slides on the web using Claude's frontend skills
Frontend Slides is a lightweight tool that enables users to create visually appealing, animation-rich web presentations without requiring knowledge of CSS or JavaScript by leveraging a guided, interactive workflow. It operates on a “show, don’t tell” philosophy, generating visual previews of styles so users can select their preferred design rather than describing it abstractly. The system produces fully self-contained HTML presentations with inline CSS and JavaScript, eliminating the need for external dependencies, build tools, or frameworks. It also supports converting existing PowerPoint files into web-based presentations while preserving content such as images, text, and structure. The tool includes curated design presets that avoid generic AI-generated aesthetics, ensuring presentations feel distinctive and intentional. Its architecture uses progressive disclosure, loading only necessary components at each step to keep the workflow efficient and intuitive. -
2
-
3
SignalCommandMap
Robotlegs extension to facilitate the use of AS3-Signals with Robotleg
signals-extensions-CommandSignal is an ActionScript 3 extension that integrates Robotlegs and AS3-Signals frameworks to provide a cleaner, strongly typed alternative to traditional Flash Events in application architecture. Robotlegs uses events as the communication mechanism between models, services, and commands, but this project replaces that system with the more robust and object-oriented AS3-Signals. By combining the two, developers can eliminate the ambiguity and string-based event registration common in standard event-driven patterns. The library introduces the SignalCommandMap, a utility that allows developers to map Signals to Commands, enabling commands to trigger automatically when a Signal’s dispatch() method is called. This extension also creates a SignalContext, an enhanced MVCS context that manages Signals alongside the traditional Robotlegs maps. -
4
Material UI
Comprehensive React component library that implements Material Design
Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box. A meticulous implementation of Material Design; every Material UI component meets the highest standards of form and function. Start quickly with Material Design or use the advanced theming feature to easily tailor the components to your needs. CSS utilities allow you to move faster and make for a smooth developer experience when styling any component. Reach out for the Figma Design Kit and the Sync plugin to bridge the gap between development and design when using Material UI. -
Gemini 3 and 200+ AI Models on One PlatformBuild generative AI apps with Vertex AI. Switch between models without switching platforms.
-
5
Figma Code Connect
A tool for connecting your design system components
Figma Code Connect is an open-source tool that enhances collaboration between designers and developers by synchronizing design components with source code in real time. Instead of treating design files and codebases as separate artifacts, it creates a continuous link so when a designer updates a UI element in Figma, developers see corresponding code changes or annotations immediately, making handoffs more precise and frictionless. The system supports multiple frameworks and languages, enabling teams to generate usable code snippets, style values, and component metadata from visual designs without manual translation. This approach reduces miscommunication and repetitive tasks that traditionally occur between design and engineering teams, speeding up iteration cycles while preserving fidelity to the original design intent. It can be integrated into development environments or build tooling so design updates automatically propagate into code patterns or UI specs. -
6
MahApps.Metro IconPacks
Awesome icon packs for WPF and UWP in one library
Awesome icon packs for WPF and UWP in one library. -
7
kodeWeave
HTML/CSS/JS and Markdown Playground For Web Designers and Developers
kodeWeave is a realtime coding playground for HTML, CSS and Javascript. Similar to JSFiddle and JSBin, but kodeWeave was made to work offline but also as a prototyping application to build applications for desktop operating systems while on mobile devices. (PhoneGap Build is recommended for mobile devices) kodeWeave similar to jsfiddle, jsbin, dabblet, liveweave, codepen, cssdeck, cssdesk, tinkerbin, d3 playground, plunker and pastebin, but allows you to export your web app as a desktop and/or chrome application. -
8
Academic CV Theme
Easily create a beautiful academic résumé or educational website
theme-academic-cv is a Hugo static site theme specialized for building academic curriculum vitae (CV) websites, personal academic homepages, and scholarly portfolios. The theme is tailored to present publication lists, education, projects, awards, and contact information in a clean, professional layout suitable for faculty, researchers, and scientists. It includes shortcodes and content archetypes for common academic components (e.g. publications, talks, teaching, service), as well as styling, typography, and responsive layouts to make the CV visually appealing and readable across devices. The theme supports light/dark modes, custom color accents, and configuration options so users can modify the look without extensive CSS coding. It also often includes integration for BibTeX or publication metadata (e.g. rendering publication lists from bibliographic files) and support for linking PDFs, datasets, or supplemental materials. -
9
Alabaster Theme
A light theme for Visual Studio Code
Alabaster is a light Visual Studio Code theme that intentionally minimizes syntax highlighting to keep code calm and readable. Instead of coloring every token category, it highlights just a small set of classes like strings, statically known constants, comments, and global definitions. Standard language keywords are deliberately left uncolored under the philosophy that they are obvious and draw unnecessary attention. This restraint produces a clean, low-noise editor surface that emphasizes what changes most during editing: names, literals, and commentary. The repository documents the rationale in detail and has inspired ports to other editors, showing its appeal to developers who prefer quiet aesthetics. Community discussions in the issue tracker revolve around targeted tweaks rather than expanding the palette, consistent with the theme’s minimalist vision. -
Add Two Lines of Code. Get Full APM.Works out of the box for Rails, Django, Express, Phoenix, and more. Monitoring exceptions and performance in no time.
-
10
CSS Theme Change
Change CSS theme with toggle, buttons or select using CSS properties
CSS Theme Change is a small utility for managing CSS theme toggling (such as light/dark mode) in web projects, designed to be lightweight, easy to integrate, and framework-agnostic. Instead of relying on heavy JavaScript frameworks or complex state management, it offers a simple API that listens to system preferences and UI interactions to swap theme classes or variables in real time. It can react to user toggles as well as automatically adapt to the user’s OS-level dark/light mode settings, helping developers build interfaces that feel modern and responsive without writing boilerplate theme code. Because it abstracts away cross-browser quirks and standardizes how CSS variables or classes are applied, it saves time and reduces bugs related to inconsistent theme behavior. It’s also modular and tiny in size, meaning it can be dropped into static sites, component libraries, or SPAs without significantly increasing bundle size. -
11
A set of tools and utilities that allow development teams to practice code generation techniques in a scalable and extensible manner. This is based on the style of code generation found in Ruby on Rails.
-
12
ConSense is a singular "jack of all trades" web development console intended to ease all your bugtracking, testing and page architecture tasks. Its siblings, RedSand and SimpleClasses form a sound, dynamic, object oriented JavaScript/DHTML framework.
-
13
Connect Mapper
XML Mapping Specification Tool
The Connect Mapper is intended to facilitate the dialog between domain experts and developers. When mapping from one XML format to another, the documentation is either too informal for the developer or the implementation too complex for the requirements analyst. By providing a tool with restricted functionality the intent is to reduce complexity but provide a formal structure making the job easier to create a specification which can be easily understood by all parties. -
14
DDD sample application
Domain-Driven Design sample application
The previous home of the Domain-Driven Design sample application implementation. -
15
EliteCore Project is a PHP5.1/Javascript/AJAX/XHTML/CSS framework for creating WEB 2.0 applications and services.The basic open-source instalation can be also used as an interactive personal page or BLOG.This project uses the latest features available.
-
16
Fragments is a highly sophisticated C++ library for composing classes from freely definable "fragments". Among other things it can be used to create container classes - just by selecting a set of "fragments" to combine.
-
17
Gruvbox Material
Gruvbox with Material Palette
gruvbox-material is a modern, refined re-implementation of the popular gruvbox color palette designed for Vim and Neovim. It preserves gruvbox’s earthy tones and retro feel but adds cleaner contrasts, smoother gradients, and improved readability across terminals and GUIs. The theme includes multiple contrast levels—soft, medium, and hard—as well as light and dark variants to fit different lighting conditions. It supports true color, Treesitter highlighting, and plugin-specific integrations for a consistent UI. The color scheme aims to balance aesthetic warmth with functional legibility, making syntax stand out naturally without harsh saturation. With its thoughtful design, gruvbox-material has become a go-to for developers who want a cozy yet modern coding atmosphere. -
18
Hugo PaperMod
A fast, clean, responsive Hugo theme
PaperMod is a fast, minimal-yet-featureful theme for the Hugo static site generator, aimed at blogs, documentation sites, and personal pages. It focuses on clean typography, responsive layouts, and sensible defaults, while exposing a large set of front-matter and config options. Built-in features include dark/light modes, archive and taxonomy views, reading-time indicators, breadcrumbs, and an optional profile/landing layout. Client-side search, code highlighting, social links, and comment integrations can be enabled with simple configuration, avoiding custom JavaScript for most needs. The theme ships with SEO-friendly meta tags, Open Graph/Twitter cards, and RSS feeds to improve discoverability. Because it’s engineered for speed—lean HTML, minimized assets, and Hugo’s native rendering—it delivers excellent performance scores out of the box. -
19
JLeaf is a business & component oriented RAD platform for building enterprise-level application based on Spring framework. JLeaf provides fundamental modules (e.g.Organization,Security,Workflow,etc) by integrating mature open source technical frameworks.
-
20
Keen UI
A lightweight Vue.js UI library with a simple API
Keen UI is a Vue.js UI library with a simple API, inspired by Google's Material Design. Keen UI is not a CSS framework. Therefore, it doesn't include styles for a grid system, typography, etc. Instead, the focus is on interactive components that require Javascript. You should be able to use Keen UI with any page layout, structure, or CSS framework. -
21
Material Tailwind
Easy-to-use components library for Tailwind CSS and Material Design
Material Tailwind is an open-source library that uses the power of Tailwind CSS and React to help you build unique web projects faster and easier. The stunning design inspired by Material Design is a bonus. Enhance your workflow with seamless integrations for your favorite tools using Material Tailwind. -
22
Merucav
A modern digital design tool.
A modern digital design tool made using Firebase Studio, Next.js, and Perplexity. Live app: https://merucav.netlify.app/ GitHub repository: https://github.com/Northstrix/merucav This app is built on top of https://nofpg.netlify.app and http://noegarsoux.github.io/GradientGen/ The app is fully localized into: ✅ English ✅ Hebrew ✅ Italian ✅ Latin American Spanish ✅ Brazilian Portuguese ✅ Cantonese ✅ Japanese ✅ Korean ✅ Vietnamese ✅ Hindi ✅ Polish ✅ Czech ✅ Hungarian ✅ French ✅ German ✅ Dutch -
23
Nof Angular
An Angular version of the Nof color palette generator.
An Angular version of the Nof color palette generator. GitHub repository: https://github.com/Northstrix/nof-angular Link: https://nof-angular.netlify.app/ -
24
PYWAL
Generate and change color-schemes on the fly
PYWAL is a highly popular tool that automatically generates a color scheme from any image (usually your wallpaper) and then applies it across your Linux or Unix desktop. It analyzes the input image, extracts a palette, and builds theme files for terminals, window managers, and various desktop applications so everything looks coordinated. The magic is that it’s not just a one-off script: it supports many terminals, shells, and launchers, and can export the colors in multiple formats (JSON, Xresources, CSS) for other programs to consume. It also includes a set of predefined themes if you don’t want to generate from an image. Many users integrate PYWAL into their login or wallpaper-change workflows so the desktop “breathes” with whatever image they set. It’s lightweight, fast, and fits perfectly into the r/unixporn workflow of building cohesive, themed desktops. -
25
Peacock for Visual Studio Code
Subtly change the color of your Visual Studio Code workspace
Peacock for Visual Studio Code is a popular Visual Studio Code extension that allows developers to customize the color of their workspace, making it easier to distinguish between multiple open projects or environments. It is particularly useful for developers who work with several instances of VS Code simultaneously, as it provides a visual cue to identify each workspace quickly. The extension enables users to apply custom colors to various UI elements such as the title bar, activity bar, and status bar. It supports both predefined and user-defined colors, as well as random color generation for quick customization. Peacock integrates with features like Live Share and remote development, automatically adjusting colors based on the session context. It also allows fine-grained control over which UI elements are affected by the color changes. The extension stores settings within the workspace configuration, ensuring consistency across sessions.
