Open Source JavaScript Design Software - Page 5
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.
-
Gen AI apps are built with MongoDB AtlasMongoDB Atlas provides built-in vector search and a flexible document model so developers can build, scale, and run gen AI apps without stitching together multiple databases. From LLM integration to semantic search, Atlas simplifies your AI architecture—and it’s free to get started.
-
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
Konceive is a Widget to build Widgets for Konfabulator. With a drag and drop style design environment, this widget aides developers in the graphical layout part of widget creation.
-
2
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. -
3
Lanyon
A content-first, sliding sidebar theme for Jekyll
Lanyon is an unassuming Jekyll theme that places content first by tucking away navigation in a hidden drawer. It’s based on Poole, the Jekyll butler. Lanyon is a theme built on top of Poole, which provides a fully furnished Jekyll setup—just download and start the Jekyll server. See the Poole usage guidelines for how to install and use Jekyll. -
4
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;` -
No-Nonsense Code-to-Cloud Security for Devs | AikidoAikido provides a unified security platform for developers, combining 12 powerful scans like SAST, DAST, and CSPM. AI-driven AutoFix and AutoTriage streamline vulnerability management, while runtime protection blocks attacks.
-
5
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. -
6
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. -
7
Mediumish - Jekyll Theme
Jekyll Template - Mediumish
Jekyll template, Medium styled, free for bloggers. -
8
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.) -
9
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. -
Build Securely on Azure with Proven FrameworksMoving to the cloud brings new challenges. How can you manage a larger attack surface while ensuring great network performance? Turn to Fortinet’s Tested Reference Architectures, blueprints for designing and securing cloud environments built by cybersecurity experts. Learn more and explore use cases in this white paper.
-
10
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.
-
11
My Stack Problems
Free and open-source Jekyll theme
Free and open-source Jekyll theme. -
12
A next generation framework to wire existing javascript frameworks (Ext, Qooxdoo, Dojo, etc.) to Server code written in any .NET language.
-
13
NexT Theme
Elegant theme for Jekyll
Sophisticated in heart, simple in form. NexT is a Jekyll theme ported from Hexo NexT. -
14
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! -
15
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.
-
16
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.
-
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
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
-
21
-
22
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. -
23
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. -
24
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. -
25
Responsive Web Design with Bootstrap3
Responsive Web Design with template Bootstrap3 free download
This is a psd-to-html responsive layout tamplate based on UI/UX project designed with twitter bootstrap3.
