Open Source JavaScript Design Software
Sort By:
JavaScript Design Software
View 76 business solutionsBrowse free open source JavaScript Design Software and projects below. Use the toggles on the left to filter open source JavaScript Design Software by OS, license, language, programming language, and project status.
-
Custom VMs From 1 to 96 vCPUs With 99.95% UptimeLive migration and automatic failover keep workloads online through maintenance. One free e2-micro VM every month.
-
Go From AI Idea to AI App FastAccess Gemini 3 and 200+ models. Build chatbots, agents, or custom models with built-in monitoring and scaling.
-
1
Material Dashboard 2
Open Source Bootstrap 5 Material Design Admin
The most complex and innovative Dashboard Made by Creative Tim. Check our latest Freebie Bootstrap 5 Dashboard with a fresh, new design inspired by Google's Material Design 2. Designed for those who like bold elements and beautiful websites, Material Dashboard 2 is ready to help you create stunning websites and web apps. We created many examples for pages like Sign In, Notifications, Profile, and so on. Just choose between a Basic Design, an illustration, or a cover and you are good to go. Material Dashboard 2 is built with over 60 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining. All components can take variations in color, which you can easily modify using SASS files and classes. -
2
HTML5 Boilerplate
The web’s most popular front-end template
HTML5 Boilerplate is a popular and professional front-end template that lets you build fast, robust and adaptable web sites or applications. It’s built with the combined knowledge and effort of hundreds of developers over a span of years, creating a powerful tool in one small package. HTML5 Boilerplate comes loaded with great features, such as HTML5 support, optimized Google Analytics snippet, jQuery and Modernizr, and so much more. It supports the latest and most popular browsers and does not impose a specific development philosophy or framework, so you can code any way you want. -
3
Chalk
Terminal string styling done right
Chalk 5 is ESM. If you want to use Chalk with TypeScript or a build tool, you will probably want to use Chalk 4 for now. Chalk comes with an easy to use composable API where you just chain and nest the styles you want. Chain styles and call the last one as a method with a string argument. Order doesn't matter, and later styles take precedent in case of a conflict. This simply means that chalk.red.yellow.green is equivalent to chalk.green. Color support is automatically detected, but you can override it by setting the level property. You should however only do this in your own code as it applies globally to all Chalk consumers. Detect whether the terminal supports color. Used internally and handled for you, but exposed for convenience. chalkStderr contains a separate instance configured with color support detected for stderr stream instead of stdout. Override rules from supportsColor apply to this too. supportsColorStderr is exposed for convenience. -
4
Scroll Lock
Locks mouse wheel scroll inside container,
Scroll Lock is a jQuery plugin that fully addresses the issue of locking the mouse wheel scroll inside a given container, preventing it from propagating to the parent element. -
Earn up to 16% annual interest with Nexo.Generate interest, borrow against your crypto, and trade a range of cryptocurrencies — all in one platform. Geographic restrictions, eligibility, and terms apply.
-
5
slick
The last carousel you'll ever need
slick is an open source, responsive carousel plugin that offers a great number of breakpoints, CSS3 transitions, touch events and so much more. It creates fully responsive, customizable and mobile-friendly carousels that can work with any html element. Everything you’ll ever need for your carousel, slick can achieve quickly and easily. It features a comprehensive range of settings, events, methods and more so you can build a carousel in exactly the way you want. It supports IE8+ as well as most modern browsers (Chrome, Firefox, Safari). See it in action in demos on http://kenwheeler.github.io/slick/ -
6
Boring Avatars
JavaScript React library that generates custom, SVG-based avatars
Boring avatars is a tiny JavaScript React library that generates custom, SVG-based avatars from any username and color palette. You can embed your boring avatars using the boring avatars source. Choose a random avatar from a specific user and a color palette. -
7
Carbon Design System
A design system built by IBM
Carbon is IBM’s open source design system for products and digital experiences. With the IBM Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contributors. The component libraries give developers a collection of reusable components for building websites and user interfaces. -
8
SingleSkin
Software for design single skin kites, speedgliders and paragliders
All-in-one software for desing single skin paragliders like Ozone XXLite. Allow to modify wing shape, profile, settings. Allow to print sew templates with scale 1:1 in A4 or other small printer's formats. Export sew templates to DXF. Main code writen in Javascript, GUI writen in Visual C# 2010 Express. -
9
Image-Map
Responsive, dynamic image maps
A native JavaScript solution for creating responsive image-maps that rerender on image or viewport changes. -
Full-stack observability with actually useful AI | Grafana CloudBuilt on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
-
10
Synthwave ’84 (VSCode Theme)
Synthwave inspired colour theme for VS Code
synthwave-vscode is a visual theme extension for Visual Studio Code that gives the editor a retro, neon-drenched look reminiscent of 1980s synthwave aesthetics. It applies a dark base palette with bold accent colors, glowing highlights, and sharp contrasts to bring an edgy, stylized atmosphere to coding sessions. Syntax highlighting is tuned to balance readability with dramatic flair, ensuring code elements don’t get lost while preserving the cool visual vibe. The theme also includes optional “neon glow” effects on UI elements, cursor styles, and sidebars for users who want a more immersive style. Many users choose it to inject personality into their development environment—especially in late-night coding sessions. Because it’s just a theme, it can be layered with other UI tweaks or paired with complementary icon packs and UI themes in VS Code. -
11
css-doodle
A web component for drawing patterns with CSS
<css-doodle /> is based on Shadow DOM v1 and Custom Elements v1. You can use it on all major browsers right now without polyfills. The component will generate a grid of divs by the rules (plain CSS) inside it. You can easily manipulate those cells using CSS to come up with a graphic pattern or an animated graph. The limit is the limit of CSS itself. Download the latest version or include it directly from a CDN. You can also install it from npm and import the module in JavaScript. The syntax of CSS-doodle is based on CSS and provides several extra utility functions and shorthand properties. The number of rows and columns in the grid is defined by the grid attribute on the element, ranging from 1 to 64. Its default is 1x1 when no value or 0 is given. The row or column is limited up to 4096 only when the grid is 1-dimensional. -
12
Draggabilly
Make that shiz draggable
The Draggabilly project is a lightweight JavaScript library that enables draggable interactions for web elements. It allows developers to add drag-and-drop functionality to HTML elements with minimal configuration and overhead. The library is designed to be simple and efficient, providing a straightforward API for handling drag events and constraints. It supports features such as axis locking, containment boundaries, and event callbacks, giving developers control over how elements behave during interaction. Draggabilly is commonly used in interactive UI components, dashboards, and design tools where draggable elements enhance usability. It is also compatible with modern browsers and integrates easily with other JavaScript frameworks. Overall, it provides a clean and reliable solution for implementing drag interactions on the web. -
13
GitHub Dark
Dark GitHub style
GitHub-Dark is a userstyle that transforms GitHub’s interface into a coherent dark theme, covering repositories, issues, pull requests, gists, and profile pages. Distributed as a CSS stylesheet intended for the Stylus browser extension, it applies a comprehensive palette, rebalances contrast, and refines syntax colors for code views to ensure readability in low-light settings. The project goes beyond simple inversion by thoughtfully adjusting backgrounds, borders, badges, and diff highlights so the UI feels native rather than “flipped.” It includes targeted fixes for edge cases across GitHub’s many subpages, aiming for consistency while preserving the information hierarchy of the original design. Users can apply the theme selectively, override variables, or combine it with other userstyles to fit personal preference. Even with GitHub’s own theme options, GitHub-Dark remains a carefully tuned alternative for people who want a specific aesthetic or more granular control. -
14
Google Material Design Lite
Material Design Components in HTML/CSS/JS
Material Design Lite lets you add a Material Design look and feel to your websites. It doesn’t rely on any JavaScript frameworks and aims to optimize for cross-device use, gracefully degrade in older browsers, and offer an experience that is immediately accessible. The MDL components are created with CSS, JavaScript, and HTML. You can use the components to construct web pages and web apps that are attractive, consistent, and functional. Pages developed with MDL will adhere to modern web design principles like browser portability, device independence, and graceful degradation. Material Design Lite (MDL) is a library of components for web developers based on Google's Material Design Philosophy: "A visual language for our users that synthesizes the classic principles of good design with the innovation and possibility of technology and science." Understanding the goals and principles of Material Design is critical to the proper use of the Material Design Lite components. -
15
Hexo
A fast, simple & powerful blog framework, powered by Node.js
Hexo is a blazing fast and yet simple blog framework powered by Node.js. It supports all features of GitHub Flavored Markdown, as well as most Octopress plugins. Hexo is quite powerful, able to build hundreds of files in a matter of seconds, and equipped with amazing APIs for unlimited extensibility. It offers hundreds of themes and plugins for you to choose from and achieve exactly what you want, and takes just one command to deploy to GitHub Pages, Heroku or other platforms. -
16
Markdown
WeChat Markdown Editor
WeChat Markdown Editor | A highly concise WeChat Markdown editor, that supports Markdown syntax, color palette selection, multi-image upload, one-click document download, custom CSS style, one-click reset, and other features. Markdown documents are automatically rendered into WeChat graphics and text in real-time, so you no longer have to worry about the typesetting of WeChat articles! As long as you know the basic Markdown syntax, you can make a simple and beautiful WeChat graphic. Chrome browser is recommended for best results. In addition, for domestic (China) friends, accessing Gitee Pages will be relatively faster. The existing open-source WeChat Markdown editor has complicated styles and does not meet my personal aesthetic needs. When I use them for article typesetting, I often have to make some changes myself, which is time-consuming and labor-intensive, so I did secondary development. -
17
Material Dashboard 2 React
React version of Material Dashboard by Creative Tim
Material Dashboard 2 React is our newest free MUI Admin Template based on React. If you’re a developer looking to create an admin dashboard that is developer-friendly, rich with features, and highly customizable, here is your match. Our innovative MUI & React dashboard comes with a beautiful design inspired by Google's Material Design and it will help you create stunning websites & web apps to delight your clients. Fully Coded Elements Material Dashboard 2 React is built with over 70 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining. All components can take variations in color, which you can easily modify using MUI styled() API and sx prop. You will save a lot of time going from prototyping to full-functional code because all elements are implemented. -
18
Material Design Lite
Material Design Components in HTML/CSS/JS
Material Design Lite is an implementation of Material Design components in vanilla CSS, JS, and HTML. Material Design is a design language developed by Google that fuses classic principles of good design with the innovation of technology and science. Material Design Lite lets you infuse the look and feel of Material Design into your static content websites without relying on any JavaScript frameworks or libraries. Material Design Lite optimizes cross-device use, gracefully degrading on older browsers and offering an immediately accessible experience. -
19
Mediumish - Jekyll Theme
Jekyll Template - Mediumish
Jekyll template, Medium styled, free for bloggers. -
20
nightTab
A neutral new tab page accented with a chosen colour
A neutral new tab page accented with a chosen color. Customize the layout, style, background and bookmarks with nightTab. Make the browser start page dark (or light, or anything in between). Do not access user information. This means nightTab will not request browser permissions. Aim to make everything on the user interface, within reason, customizable. Aim to make the user experience easy while supporting the above. Keep nightTab open source. Sharing the look and feel of one Bookmark to another can be achieved when editing a single Bookmark. The Bookmark edit modal has three options to copy settings to other Bookmarks. These checkboxes can be found at the bottom of the Visual & Name, Layout and Theme tab. Development and testing is only conducted on Chrome and Firefox. The performance and reliability of nightTab on other browsers is out of the scope of this project. -
21
onedark.vim
A dark Vim/Neovim color scheme
onedark.vim is a dark colour scheme for Vim/Neovim created by Josh Dick, inspired by the Atom editor’s “One Dark” theme. It aims to offer a modern, balanced palette with good contrast and readability across many programming languages and file types. The theme supports both plain Vim and Neovim, and works well with statusline plugins like vim-airline or lightline by providing compatible theme files. Users appreciate that the colour choices remain consistently comfortable over long coding sessions and that the theme handles syntax elements (keywords, methods, variables) in a clear, differentiated way. Because it is actively maintained, it supports modern setups and integrates with many plugins. Setting it as your colourscheme typically gives Vim a fresh, stylish visual look very quickly. -
22
BIRT Report Designer
Open Source Reporting & Data Visualization Platform
BIRT is an open source technology platform used to create data visualizations and reports that can be embedded into rich client and web applications. Developers who use BIRT Designer are able to access information from multiple data sources easily and quickly in order to create reports and applications with stunning data visualizations. Actuate now provides a free report server, BIRT iHub F-Type, to deploy BIRT content so developers don't have to build their own infrastructure. With a flexible Open Data Access framework, developers can write custom data drivers to access data from any source, including Big Data sources like Apache Hadoop, Cassandra, and MongoDB, along with all traditional relational databases, Flat Files, XML data streams, and data stored in proprietary systems. Built for embedding, BIRT includes APIs for data access, chart generation, output formats, content execution, and integration within larger applications. -
23
All-in-one program for creating 2D scrolling games. Compile your games into stand-alone .NET executables or customizable C# source code. The IDE and framework are build on OpenTK, which wraps OpenGL, so generated games can be cross-platform.
-
24
Basic WebPage Builder
Drag and Drop basic webpage builder
Drag and Drop basic webpage and website builder Icon by http://www.kameleon.pics ====== Get your Simple Wysiwyg HTML Editor on Play Store: https://play.google.com/store/apps/details?id=com.ulm.simplehtmleditor ====== Extended release: - Chrome extension: - https://chrome.google.com/webstore/detail/boot-wysiwyg/gjmamibgdidamicoandlflamngdmmeig ====== Desktop app built using Electron framework and NodeJS. ==== Official download also on Softpedia® - https://bit.ly/2AGwc7a ==== Requirements: - Processor: Intel Pentium 4 processor or later that's SSE2 capable - RAM: 512 MB - Hard Disk: 1500 MB - Video Card: nVidia, ATI and Intel Shader Model 2 and Shader Model 3 video cards with 512 megabytes of RAM minimum - Supported OS: Windows 10, Windows 8, Windows 8.1, Windows 7 -
25
Tadpole DB Hub
Web based Database collboration tools
Original home : https://github.com/hangum/TadpoleForDBTools It is a tool to manage Altibase, Amazon RDS, Apache Hive,Apache Cassandra, Apache Tajo, MongoDB, CUBRID, MariaDB, MySQL, Oracle, MSSQL, SQLite, Tibero, PostgreSQL in Web Browser.
