Open Source JavaScript Design Software
Sort By:
JavaScript Design Software
View 77 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.
-
Keep company data safe with Chrome EnterpriseMake AI work your way with Chrome Enterprise. Block unapproved sites and set custom data controls that align with your company's policies.
-
Gen AI apps are built with MongoDB AtlasMongoDB Atlas is the developer-friendly database used to build, scale, and run gen AI and LLM-powered apps—without needing a separate vector database. Atlas offers built-in vector search, global availability across 115+ regions, and flexible document modeling. Start building AI apps faster, all in one place.
-
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
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. -
3
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. -
4
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/ -
Level Up Your Cyber Defense with External Threat ManagementMove beyond alerts. Gain full visibility, context, and control over your external attack surface to stay ahead of every threat.
-
5
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. -
6
Image-Map
Responsive, dynamic image maps
A native JavaScript solution for creating responsive image-maps that rerender on image or viewport changes. -
7
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. -
8
Vieb
Vim bindings for the web by design
Free, open source, fast and secure. Local first adblocking, auto-complete, AMP protection, custom redirects and more, all without web requests. Privacy with strict permission system, navigator overrides, custom useragent, custom WebRTC policy and more. Accessible with custom themes, full interface & fontsize scaling, page zooming, spellcheck and mouse support. Security settings with permissions, cache usage, cookie management, (auto-)download settings and more. Window splitting with buffer, split, Vexplore and Ctrl-w bindings, for multi-window browsing. Map commands for completely custom keyboard sequences, keystrokes, commands and actions. Viebrc config file for all custom/Vim/Vieb commands to configure settings permanently. Set command for runtime setting configuration exactly like Vim. Vim-compatible options: showcmd, timeout, colorscheme, maxmapdepth, spelllang, splitright, smartcase etc. Container tabs with colored grouping, auto-clearing. -
9
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. -
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.
-
10
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. -
11
Ember Paper
The Ember approach to Material Design
This project aims to bring Google's new Material Design to Ember. The goal is to encapsulate everything possible in Ember components. This project is packaged as an Ember-cli addon. This should also automatically create an scss file under app/styles/app.scss with @import 'ember-paper'; and install ember-cli-sass. Sass is an important part of Ember-paper. Using sass you can override default variables and easily change the default behavior of ember-paper styles. All the components and styles are ready to use in your application templates. Navigate through the docs to understand how to use each component. -
12
Granim.js
Create fluid and interactive gradient animations
Create fluid and interactive gradient animations with this small javascript library. Lets you customize the direction of the gradient with pixels or percentage values. You can use more than 2 colors for the gradients, but cannot have different length of colors in the different states. Complete configuration with two states, an image and callbacks set. Granim will emit events you can listen to at key moments. How the image should blend with the gradient? You can see all the possible values on MDN. -
13
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. -
14
react-native-progress
Progress indicators and spinners for React Native
react-native-progress is a set of customizable progress indicators and spinners for React Native applications. It provides several visual components—such as circular, pie, bar, and semi-circle progress indicators—built on top of react-native-svg so they render as vector graphics. This approach ensures that progress indicators scale cleanly across different screen densities and sizes while remaining smooth and visually appealing. The library is designed to be simple to use: developers import the specific progress component they need and pass props like progress, indeterminate, size, and styling options. It supports both determinate progress (showing a specific fraction completed) and indeterminate spinners for ongoing tasks with unknown duration. Because it is MIT-licensed and widely used, it has become a common choice in React Native projects for loading states, file uploads, and task progress displays. -
15
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. -
16
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. -
17
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. -
18
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. -
19
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. -
20
Hexo Theme Fluid
An elegant Material-Design theme for Hexo
An elegant Material-Design theme for Hexo. -
21
LLM React App Javascript Template
The Javascript template for an LLM react node app
This template is an example project for a simple Large Language Model (LLM) application built on top of React and Node. This template was built on top of the React template app from nano-react-app and updated with a Node server that uses HuggingFace.js and LangChain.js to connect to supported large language models. Use this template to easily build and run an LLM app. -
22
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. -
23
Materialette
A material design color palette
A material design color palette. Materialette Easily access every color in [Google's material design palette]. Download the latest build from the releases section. Make sure to choose your operating system appropriately. If you're using nvm, run the command $ nvm use to use the version of Node specified in the .nvmrc. There are some known issues with using electron + Tray with Linux. -
24
Midnight.js
Switch your nav's design on the fly
A jQuery plugin that switches between multiple header designs as you scroll, so you always have a header that looks great with the content below it. Create your fixed nav (or header) as you typically would. Create your fixed nav (or header) as you typically would. You can use whatever markup suits you, just make sure the header works well with position:fixed. After that, take any sections of your page that need a different nav and add data-midnight="your-class" to it, where .your-class is the class you are going to use to style that header. If you don't use the property or just leave it blank, the .default class will be used for that section. You can style it in your CSS using the class .midnightHeader.your-class. Use whatever CSS or markup you like for each one. They will be switched automatically when necessary. To make everything work, just load midnight (and jQuery) and initialize it. We take care of the rest. -
25
Packery
Gapless, draggable grid layouts
Packery is a JavaScript library and jQuery plugin that makes gapless and draggable layouts. It uses a bin-packing algorithm to fill in empty gaps. Packery layouts can be intelligently ordered or organically wild. Elements can be stamped in place, fit in a specific spot, or dragged around. It’s perfect for draggable dashboard and seamless Masonry image galleries. If you want to use Packery to develop commercial sites, themes, projects, and applications, the Commercial license is the appropriate license. With this option, your source code is kept proprietary.
