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.
-
Our Free Plans just got better! | Auth0You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your security. Auth0 now, thank yourself later.
-
Secure File Transfer for Windows with Cerberus by RedwoodCerberus supports unlimited users and connections on a single IP, with built-in encryption, 2FA, and a browser-based web client — all deployable in under 15 minutes with a 25-day free trial.
-
1
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. -
2
Impeccable
The design language that makes your AI harness better at design
Impeccable is a design skill system that helps AI coding tools produce better frontend interfaces by giving them a richer design vocabulary. It provides one comprehensive skill, multiple commands, and curated reference files covering typography, color, motion, spacing, interaction, responsive design, and UX writing. The project is built to counter common AI-generated design habits such as generic SaaS layouts, overused fonts, nested cards, weak hierarchy, and predictable gradients. It can be installed across several AI coding environments, including Claude Code, Cursor, Codex, Gemini CLI, GitHub Copilot, and others. Impeccable also includes deterministic anti-pattern detection through a CLI and browser extension without requiring an API key. It is most useful for developers and designers who want AI-generated interfaces to feel more polished, intentional, and product-aware. -
3
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. -
4
Image-Map
Responsive, dynamic image maps
A native JavaScript solution for creating responsive image-maps that rerender on image or viewport changes. -
Train ML Models With SQL You Already KnowBuild and deploy ML models using familiar SQL. Automate data prep with built-in Gemini. Query 1 TB and store 10 GB free monthly.
-
5
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. -
6
Custom CSS and JS
Custom CSS Plugin for Visual Studio Code. Based on vscode-icon
Custom CSS and JS is a Visual Studio Code extension that allows users to inject custom CSS and JavaScript into the editor interface, enabling deep visual and behavioral customization beyond what standard themes provide. The tool works by modifying VS Code’s internal styling system, allowing developers to override UI elements such as fonts, colors, spacing, and layout with their own stylesheets. This makes it possible to create highly personalized development environments tailored to individual preferences or workflows. In addition to aesthetic changes, users can also inject JavaScript to modify certain UI behaviors, effectively extending the editor’s functionality in unconventional ways. The extension is often used to implement custom themes, improve readability, or experiment with alternative interface designs. However, because it alters internal files, it may require reapplying changes after updates and can raise stability considerations. -
7
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. -
8
TypeUI DESIGN.md Extractor
Chrome extension to extract styles from any website
TypeUI DESIGN.md Extractor is a Chrome extension that improves the readability and visual presentation of Markdown files viewed directly in the browser. The project automatically transforms raw Markdown documents into styled, GitHub-like rendered pages with enhanced typography, syntax highlighting, and layout improvements. It is designed to make technical documentation, README files, notes, and markdown-based content easier to consume without requiring external viewers or conversion tools. The extension supports local files and web-hosted Markdown documents while maintaining lightweight performance and seamless browser integration. Its design prioritizes simplicity and developer-friendly aesthetics, offering a cleaner reading experience for documentation-heavy workflows. Overall, design-md-chrome functions as a usability enhancement tool for developers and technical users who frequently interact with Markdown content in Chrome. -
9
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/ -
AI-powered service management for IT and enterprise teamsGive your IT, operations, and business teams the ability to deliver exceptional services—without the complexity. Maximize operational efficiency with refreshingly simple, AI-powered Freshservice.
-
10
Bootstrap Simple Admin Template
The most reliable HTML, CSS, and JavaScript simple admin template
Bootstrap Simple Admin Template is a simple admin template packed with more UI components than any other admin themes, its exceptional user interface is perfectly crafted and advanced layout features are optimized to suit every modern web application project and highly responsive to serve from a Mobile-first to a Desktop screen. -
11
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. -
12
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. -
13
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. -
14
Salesforce Lightning Design System
Salesforce Lightning design system
Ready-to-use HTML and CSS UI elements provide the foundation for Salesforce experience development. Visual design values and attributes that ensure branding and UI consistency at scale. Design principles and best practices that guide beautiful, consistent, user-friendly product experiences. Easy-to-use tools help all Trailblazers optimize workflows and bring Salesforce ideas to life. Start building immediately, without worrying about detailed specs. SLDS lets you focus on the big picture to deliver the best possible user experience. Manage design at scale, with a living design system that evolves as needs change. SLDS keeps apps, interfaces, and tools consistent no matter how fast the system grows. SLDS saves time and energy, freeing designers and developers to focus on larger issues of usability and meaning. Standardized, reusable components support collaboration, reinforce branding, and provide a consistent look and user experience. -
15
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. -
16
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. -
17
Zynga Scroller
Accelerated panning and zooming for HTML and Canvas
Scroller, also known as Zynga Scroller, is a pure JavaScript logic component for accelerated scrolling and zooming. It is independent of any rendering layer, which means it can power interactions for DOM elements, Canvas interfaces, or other custom rendering systems. The library handles panning, deceleration, bouncing, paging, snapping, zooming, directional locking, and pull-to-refresh behavior. It can be controlled manually through an API or used through EasyScroller, a simplified DOM-focused wrapper with data-attribute initialization. Developers can configure axes, animation behavior, zoom ranges, dimensions, and scroll targets. It is useful for web applications, games, visual tools, and custom interfaces that need smooth touch or mouse-driven navigation without relying entirely on native browser scrolling. -
18
grd
A CSS grid framework using Flexbox. Only 321 bytes (Gzipped)
A CSS grid framework using Flexbox. Simple and provides just 2 base classes Grid and Cell and some modifiers. Light-weight, only 321 bytes (Gzipped). Flexible, easy-to-use Flexbox features. Flexible Box Layout Module and calc() as CSS unit values used in Grd are available on modern browsers (Chrome, Firefox, Safari, Opera, Edge, and IE11). If you want to use Grd with Sass, you can choose grd-sass as Sass port. -
19
iView
A high quality UI Toolkit built on Vue.js
iView is a high quality, open source UI Toolkit built on Vue.js, offering dozens of useful and beautiful components including fonts, icons, layouts, navigation and more. Each component has several options for you to choose from, giving you absolute freedom and choice to achieve the exact look you would like for your interface. iView also comes with a customizable default theme and a friendly API that's easy for people of any skill level. It's default language is Chinese but it does support plenty of other languages. iView currently supports both Vue.js 2 and Vue.js 1. -
20
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. -
21
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. -
22
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.
-
23
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 -
24
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. -
25
JS_Designer is a lightweight IDE to create Client-side Web-based applications ( Javascript+PHP). The goal is to have tool to build muti-lingual, skinable, professional-looking web applications, the way you would do in VB or VC.
