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.
-
Fully Managed MySQL, PostgreSQL, and SQL ServerCloud SQL handles your database ops end to end, so you can focus on your app.
-
Paessler: Easy to Use With Enterprise Power. Free TrialYou shouldn't have to choose between a monitoring tool that's easy to use and one that's powerful enough for a complex environment. PRTG's low-code interface lets any admin build dashboards, set alerts and monitor devices without scripting, while custom sensors and full API access are there when your team needs deeper control. One platform, no compromise. Download a free 30-day trial now.
-
1
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. -
2
hexo-theme-melody
A simple & beautiful & fast theme for Hexo
hexo-theme-melody is a simple, beautiful, and fast theme for the Hexo static site generator. It is designed for personal blogs and content sites that need an attractive layout without sacrificing performance. The theme supports Hexo installation workflows before and after Hexo 5, making it usable across different project setups. It relies on Pug and Stylus rendering in older installation paths and can be updated through package management in newer Hexo versions. The project focuses on a clean reading experience, responsive presentation, and practical blog customization. Its main value is giving Hexo users a polished theme that balances visual style, speed, and straightforward setup. -
3
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. -
4
Wiki|Docs
Just a databaseless markdown flat-file wiki engine
Just a databaseless markdown flat-file wiki engine. -
Veeam Data Platform v13.1Try Veeam Data Platform today. Experience the unified platform that's secure by design, portable by default, and proven to recover clean, fast, and anywhere.
-
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
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. -
7
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. -
8
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. -
9
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. -
Cut Data Warehouse Costs by 54%BigQuery delivers 54% lower TCO with exabyte scale and flexible pricing. Free migration tools handle the SQL translation automatically.
-
10
React Native Router app
Awesome navigation for your React Native app
React Native Router is a legacy navigation library created for early React Native applications. It wraps an application in a Router component and begins navigation from a required firstRoute object. Each route defines a component and can include a name that appears in the navigation bar. Screens move to new routes through the injected toRoute callback and can pass custom data to the destination. Developers can customize header styles, titles, back buttons, corner actions, and route-specific navigation elements. The repository includes a Twitter-style example that demonstrates more advanced interface patterns. The project was archived in 2019, is officially deprecated, and recommends React Navigation for modern applications. -
11
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. -
12
Chirpy Jekyll Theme
A minimal, responsive and feature-rich Jekyll theme
A minimal, responsive and feature-rich Jekyll theme for technical writing. -
13
Hydejack
A boutique Jekyll theme for hackers, nerds, and academics
Hydejack's cover page on a variety of screens. Hydejack is a boutique Jekyll theme for hackers, nerds, and academics, with a focus on personal sites that are meant to impress. It includes a blog that is suitable for both prose and technical documentation, a portfolio to showcase your projects, and a resume template that looks amazing on the web and in print. Ever since the introduction of Dark Mode, link styles have been a bit of an issue. Specifically, finding an accent color that worked on both light and dark backgrounds was the problem. With Hydejack 9, the link style has been revamped so that legibility is no longer tied to the choice of accent color, giving you much more freedom in creating a unique design flavor for your site. -
14
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. -
15
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. -
16
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. -
17
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/ -
18
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. -
19
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. -
20
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. -
21
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. -
22
Type on Strap
Simplistic, responsive jekyll based open source theme
A free and open-source Jekyll theme. Based on Rohan Chandra type-theme packed with extra features and is easily customizable. More colors with less light. You can check how the theme looks. Demo some code snippets, with some mermaid diagrams. Because if you put some code in your blog, you would at least make it searchable and good-looking. -
23
react-native-material-bottom-navigation
Beautiful, customizable and easy-to-use material design navigation
A beautiful, customizable and easy-to-use. Material Design Bottom Navigation for react-native. -
24
vue-observe-visibility
Detect when an element is becoming visible or hidden on the page
vue-observe-visibility is a Vue plugin that detects when an element or component becomes visible or hidden in the browser viewport. It exposes the v-observe-visibility directive, which calls a user-defined function whenever visibility changes. The callback receives a Boolean visibility state and the corresponding IntersectionObserverEntry object. Developers can configure the observer root, root margin, and visibility threshold through standard Intersection Observer options. A once mode stops observation after the first visible event, making it useful for lazy loading and entrance animations. Throttling and leading-event controls reduce noisy updates during rapid scrolling. The observer can be disabled dynamically with a falsy directive value, while older browsers may require an Intersection Observer polyfill. -
25
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.
