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.
-
Earn up to 16% annual interest with Nexo.Generate interest, access liquidity without selling, and execute trades seamlessly. All in one platform. Geographic restrictions, eligibility, and terms apply.
-
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.
-
1
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. -
2
Bootswatch
Themes for Bootstrap
Bootswatch is a collection of open-source themes for Bootstrap. It helps developers change the look of a Bootstrap project without rebuilding the entire design system from scratch. Each theme works as a drop-in replacement for Bootstrap’s default stylesheet, which makes adoption simple for existing sites. The project supports several installation paths, including precompiled CSS, CDN usage, npm, Sass imports, and Ruby gem integration. Developers can customize themes by editing Sass variables and theme-specific structural styles. Overall, Bootswatch is useful for teams that want polished Bootstrap styling, faster prototyping, and consistent visual options across web projects. -
3
Image-Map
Responsive, dynamic image maps
A native JavaScript solution for creating responsive image-maps that rerender on image or viewport changes. -
4
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. -
Ship Agents FasterGemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
-
5
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. -
6
iScroll
Smooth scrolling for the web
iScroll is a high-performance JavaScript scroller built to bring smooth scrolling behavior to web interfaces across desktop, mobile, and smart TV environments. It was designed to be small, dependency-free, and optimized enough to work well on both modern and older devices. The library goes beyond basic scrolling by supporting zooming, panning, infinite scrolling, parallax effects, and carousel-style interactions. Developers can control scroll coordinates, customize easing behavior, and listen to detailed scrolling events during user interaction. The project includes several builds, such as the general version, a lighter mobile-focused version, a probe version for tracking scroll position, and a zoom-enabled version. The repository is archived and read-only, so it is best suited for legacy projects, reference use, or maintaining existing interfaces that already depend on iScroll. -
7
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. -
8
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. -
9
Sketch Measure
Create spec for developers and teammates
Make it a fun to create spec for developers and teammates. Automatically generating html page with one click, inspect all the design details including CSS Styles on it offline. Layer's influence rect includes the area of shadows and outside borders, it's exactly the same size with the exported image. Sometime, shadows will not implement by engineers, it should be a part of image. Designer need to show the influence rect to engineers, not the regular rect. This is the feature using for. With Sketch Runner, just go to the install command and search for Sketch Measure. Runner allows you to manage plugins and do much more to speed up your workflow in Sketch. To create your own custom shortcuts, go to Keyboard in your System Preferences and click the Shortcuts tab. Select App Shortcuts and click ‘+’ to create a new shortcut. Choose Sketch from the Application list, then enter the exact name of the menu item you want to create the shortcut for. -
$300 Free Credits to Build on Google CloudStart your next project with $300 in free Google Cloud credit. Spin up VMs, run containers, query petabytes in BigQuery, or build agents with Gemini Enterprise Agent Platform. Once your credits are used, keep building with 20+ always-free tier products including Compute Engine, Cloud Storage, GKE, and Cloud Run functions. No commitment required—just sign up and start building.
-
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
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/ -
12
Berry Free React Material UI
Berry free react material admin template for faster web development
Berry is a free Material UI admin dashboard template built with React. It is meant to provide the best possible User Experience with highly customizable feature-rich pages. It is a complete Dashboard Template that has easy and intuitive responsive design whether it is viewed on retina screens or laptops. -
13
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. -
14
Chirpy Jekyll Theme
A minimal, responsive and feature-rich Jekyll theme
A minimal, responsive and feature-rich Jekyll theme for technical writing. -
15
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. -
16
Jekflix Template
A Jekyll theme inspired by Netflix
A theme for Jekyll inspired by Netflix panel for who loves movies and series and would like to have a blog with this cool appearance. -
17
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. -
18
The Minimal Light Theme
A simple and elegant Jekyll theme for an academic personal homepage
A simple and elegant Jekyll theme for an academic personal homepage. The compiled HTML files are available in the html_source_file folder. If you don't like Jekyll, you may directly edit and use the HTML version. -
19
tailwind-rn
Use Tailwind CSS in React Native projects
tailwind-rn lets you use Tailwind CSS-style utility classes in React Native apps by converting Tailwind’s generated CSS into a JSON map of styles. Instead of writing StyleSheet objects manually, you call a tailwind() helper with class strings (like bg-blue-500 or mt-4) and get React Native style objects back. A small CLI tool reads the CSS file produced by Tailwind and transforms it into a JSON file that tailwind-rn can consume, with support for watching and rebuilding whenever Tailwind’s output changes. The library supports Tailwind 3.x and works with the JIT compiler, meaning you can use modern Tailwind utilities in mobile layouts. It is framework-agnostic within the React Native ecosystem and can be used with plain React Native, Expo, and other toolchains. The project is actively used and has issue discussions covering integration with storybook, Prettier’s Tailwind plugin, custom themes, and more. -
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
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.
-
22
HTML Onlive Debugger
Realtime preview for designers and developers.
When I got my first Android tablet; I realized how much web design and development were such a tedious process for a large majority of tablet and smart phone users. I found no applications available in Google Play that enabled live code debugging which gave me the incentive to develop one myself. After purchasing Google's developer fee, as well as AIDE I then released on Google Play for all to use. -
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
FusionCoder is an easy but powerful HTML editor application coded completely in JavaScript and HTML, enabling it to work in many environments and on minimal system performances. The latest version is 1.0; a new version, due to be released in late January
-
25
AEM Project Archetype
Maven template to create best-practice websites on AEM
Adobe's archetype for creating new AEM (Adobe Experience Manager) projects with best practices in mind.
