Open Source JavaScript Design Software - Page 5
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.
-
Kinetic Software - Epicor ERPGrow, thrive, and compete in a global marketplace with Kinetic—an industry-tailored, cognitive ERP that helps you work smarter and stay connected.
-
Secure User Management, Made Simple | FronteggFrontegg powers modern businesses with a user management platform that’s fast to deploy and built to scale. Embed SSO, multi-tenancy, and a customer-facing admin portal using robust SDKs and APIs – no complex setup required. Designed for the Product-Led Growth era, it simplifies setup, secures your users, and frees your team to innovate. From startups to enterprises, Frontegg delivers enterprise-grade tools at zero cost to start. Kick off today.
-
1
LostGrid
LostGrid is a powerful grid system built in PostCSS
Lost Grid is a powerful grid system built in PostCSS that works with any preprocessor and even vanilla CSS. LostGrid makes use of calc() to create stunning grids based on fractions you define without having to pass a lot of options. LostGrid relies on calc() to create the grid. Thus, LostGrid is limited to browsers that support calc(). The great thing is that calc() is widely supported in all current browsers and the LostGrid usage of calc() is supported as far back as IE9+. If using LostGrid in flexbox mode browser support is limited to IE 10+. To create a basic horizontal grid, just insert some elements into any containing element like so and pass a fraction to the `lost-column` property. To unset (or remove) a column rule, possibly at a larger breakpoint, use `lost-column: none;` -
2
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. -
3
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. -
4
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. -
E-commerce Fulfillment For Scaling BrandsFlowspace delivers fulfillment excellence by pairing powerful software and on-the-ground logistics know-how. Our platform provides automation, real-time control, and reliability beyond traditional 3PL capabilities—so you can scale smarter, faster, and easier.
-
5
Mermaid.js to SVG Converter
Visualize the diagrams of your projects
While coding with AI assist, I noticed bigger projects need something more rigid as context so the AI coder doesn't stray away when I try to add new features. You know, to keeps its memory fresh and not change the stuff that already works. The trick is to ask the AI to write a diagram in Mermaid.js format that solidifies the structure of the project and then use that as context to keep the AI reminded at all times what the project is as a whole. This will prevent it from changing things its not supposed to change. This standalone offline web app will convert that mermaid.js code into a visual SVG image so that YOU as a human will be able to understand what the AI think about the structure of your projects so you can see it and fix any misconceptions until the diagram is correct for your project. (Source code is included in the html itself. Open it in a web browser to use.) -
6
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. -
7
Mr. Green Jekyll Theme
Mr. Green is a multilingual theme generated with Jekyll
Mr. Green is a multilingual theme generated with Jekyll and fully compatible with GitHub Pages. -
8
Multiform allows creation of Web Applications by defining their processes and business objects in a declarative XML-based language. It's made of a Javascript framework and an XSL compiler to get the application skeleton from the definitions.
-
9
My Stack Problems
Free and open-source Jekyll theme
Free and open-source Jekyll theme. -
Streamline Hiring with Skill AssessmentsCanditech offers innovative, cheat-proof skill assessments and job simulations to transform your hiring process. From technical skills to soft skills, we help you assess candidates on actual job performance. With over 500 customizable tests and powerful video interview features, you can evaluate real-world capabilities, streamline your hiring, and reduce biases. Whether you’re hiring for remote roles, mass hiring, or looking to expand your diversity pool, Canditech’s data-driven platform ensures the right candidates are chosen for the job every time.
-
10
A next generation framework to wire existing javascript frameworks (Ext, Qooxdoo, Dojo, etc.) to Server code written in any .NET language.
-
11
NexT Theme
Elegant theme for Jekyll
Sophisticated in heart, simple in form. NexT is a Jekyll theme ported from Hexo NexT. -
12
NiceScrollbars
Javascript library to create fully css styleable scrollbars
This Javascript library allows you to replace operating system dependent scrollbar elements with something that you can fully style using CSS rules while you still get the standard, usual behaviour on different platforms like desktop computers, smart phones and touch screen based tablets. Library supports <DIV>, <TEXTAREA> and multiple <SELECT> elements. Please visit project website to download the code! -
13
Olympos is an holistic MDA/MDD approach to projects. It allows to create Web (PHP, J2EE), Desktop (c#) and Mobile applications (.NET, J2ME) from a UML model. Features a Web 2.0 IDE, a generator based on openArchitectureWare and several cartridges.
-
14
A collaboration web site for software engineers to find and contribute code. The goal is to have users of the system to be able to not only get code from the system but also be able to update and fix specific code segments.
-
15
The Open Code Quality Project offers Static Code Analyses as an free Online-Service for Open Source Code. Simply send your code, start the scan, receive the results.
-
16
-
17
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. -
18
Pickr
Flat, simple, multi-themed, responsive Color-Picker library
Flat, simple, multi-themed, responsive, and hackable Color-Picker library. No dependencies, no jQuery. Compatible with all CSS Frameworks e.g. Bootstrap, Materialize. Supports alpha channel, rgba, hsla, hsva and more. -
19
Pintereso
Pintereso is a free Jekyll theme, Pinterest style
Pintereso is a free Jekyll theme, Pinterest style. -
20
Protein SDK
Web. Desktop. Best of both worlds.
Protein SDK is an easy to learn and adapt python software development kit for excellent GUI desktop applications. You can create a desktop application using python, html, css, javascript or jquery in minutes! The SDK allows you to: - Run python code, on any javascript event. - Render result of python function dynamically - Create HTML User Interfaces, using standard HTML. The SDK is powered by: - Google Chrome apps - Python anywhere - Cherrypy Web Framework Though it is a desktop application sdk, it is purely web hosted locally. This makes it extremely easy to deploy these applications to web. -
21
Protoreto is a GPL-licensed tool to create prototypes of graphical user interfaces (GUIs). NOTE: This project is not actively maintained at the moment. If you'd like to continue developing Protoreto, please send an e-mail to: wikipedian@users.sf.net
-
22
-
23
RWD with media query
Responsive single UI/UX website design with Media query [psd-to-html]
This is a psd-to-html responsive layout based UI/UX project designed with css3 Media Query using Html5, css3, javascrip and jaquery. The concept is totally front-end based single web page Design. -
24
Random Color
A tiny script for generating attractive colors
A color generator for JavaScript. There are lots of clever one-liners for generating random colors. Unfortunately, this code naturally produces murky greys, browns and greens. randomColor generates attractive colors by default. More specifically, randomColor produces bright colors with a reasonably high saturation. This makes randomColor particularly useful for data visualizations and generative art. Once you’ve included randomColor.js on your page, calling randomColor() will return a random attractive color. Beneath is the output of randomColor called 54 times. You can also pass an options object to randomColor. This allows you to specify the hue, luminosity and the number of colors to generate. -
25
React Color
Color pickers from Sketch, Photoshop, Chrome, Github, and Twitter
13 different pickers, for Sketch, Photoshop, Chrome and many more. Make your own, use the building block components to make your own. Color controls what color is active on the color picker. You can use this to initialize the color picker with a particular color, or to keep it in sync with the state of a parent component. Pass a function to call every time the color is changed. Use this to store the color in the state of a parent component or to make other transformations. Pass a function to call once a color change is complete. To make a custom color picker, create a top-level component that will act as the bridge with the CustomPicker high order component. Wrap the export with the CustomPicker function. Every color picker provided is made up of a collection of helper components. Those components are accessible for you to use to make a custom color picker. Use EditableInput to display an input / label that acts as the single source of truth until the input is blurred.
