Open Source JavaScript Design Software - Page 9
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.
-
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.
-
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
1
koa-hbs
Handlebars templates for Koa.js
koa-hbs is middleware. We stash an instance of koa-hbs for you in the library so you don't have to manage it separately. Configure the default instance by passing an options hash to #middleware. To render a template then, just yield this.render('templateName'). -
2
none
A lightweight (only 7kb) javascript for creating modals
GPL 3.0 license, lightweight (only 7kb), easy, no css required, jquery support, bootstrap compatible. Probably the worlds most easy to use modalscript - no css required. From scratch it automatically fits to your website. Check out the examples on http://modal.easyjs.de -
3
pagePiling.js
Create a scrolling pile of sections
Pile your sections one over another and access them scrolling or by URL! Customizations of the plugin are available upon request for some reasonable price. Suggestion are more than welcome, not only for feature requests but also for coding style improvements. Let's make this a great plugin to make people's lives easier! pagePiling.js is fully functional on all modern browsers, as well as some old ones such as Internet Explorer 8, 9, Opera 12, etc. It works with browsers with CSS3 support and with the ones which don't have it, making it ideal for old browsers compatibility. It is also designed to work on touch devices such as mobile phones or tablets. In order to create links to a certain section, you can use a normal URL link if you are using pagePiling.js with anchor links (using the anchors option), then you will be able to use anchor links also to navigate directly to a certain section. -
4
phpAjaxTags is a port to PHP from advanced java tag library "AjaxTags" (ajaxtags.sourceforge.net). To install - just extract zip file into Your root www dir. On-line demo http://www.2al.pl/phpAjaxTags/
-
Earn up to 16% annual interest with Nexo.Put idle assets to work with competitive interest rates, borrow without selling, and trade with precision. All in one platform. Geographic restrictions, eligibility, and terms apply.
-
5
-
6
pretty-checkbox.css
A pure CSS library to beautify checkbox and radio buttons
A pure CSS library to beautify checkbox and radio buttons. Download from yarn or npm. These are simple checkboxes with three shapes. Add class p-switch. For shapes add class, p-outline or p-fill or p-slim. There are five colors. Can be used as Solid ( p-primary ) or Outline ( p-primary-o ). You can add any font icons to replace basic checkbox styles. There are two classes to be added. First, p-icon to .pretty. Then add icon class along with font icon classes inside .state. This library doesnt come with any font icons. You need to add an appropriate font icon library in your application. Adding svg icon is very similar to adding font icons. Add class p-svg to .pretty and svg to <svg> tag or <img> tag ( if svg file url is used as img source ). To animate, add class p-smooth or p-jelly or p-tada or p-rotate or p-pulse to .pretty. -
7
rangeslider.js
HTML5 input range slider element polyfill
Simple, small and fast jQuery polyfill for the HTML5 <input type="range" slider element. -
8
react-fullpage
Official React.js wrapper for fullPage.js
react-fullpage is the official React wrapper for fullPage.js, providing a component that brings full-screen, section-by-section scrolling layouts into React applications. The wrapper uses a render-prop API, where you pass a render function that receives component state and the fullpageApi, allowing you to build React JSX markup while delegating scroll behavior to fullPage.js under the hood. It is distributed in multiple formats, including a standard ES module and a UMD bundle, so it can be used in projects with or without a modern build step. The library supports server-side rendering scenarios (such as Next.js and Gatsby) by returning a static version when window is not available and then hydrating into the “live” interactive version on the client. Documentation includes examples for plain React, Gatsby, and Next.js, showing how to configure license keys, scrolling speed, callbacks, and plugin extensions such as horizontal scrolling. -
9
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. -
AI-generated apps that pass security reviewRetool lets you generate dashboards, admin panels, and workflows directly on your data. Type something like “Build me a revenue dashboard on my Stripe data” and get a working app with security, permissions, and compliance built in from day one. Whether on our cloud or self-hosted, create the internal software your team needs without compromising enterprise standards or control.
-
10
react-native-material-textfield
Material textfield
Material texfield with consistent behavior on iOS and Android. -
11
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. -
12
stackedit.js
Add StackEdit to any website
stackedit.js is a lightweight JavaScript library for embedding the StackEdit Markdown editor into an existing website. It opens the full editor inside an iframe instead of bundling the editor code directly into the host page. Developers can bind it to a textarea, pass a filename and Markdown content, and receive updates through events. The fileChange event returns both the edited Markdown and sanitized HTML, while the close event reports when the iframe is dismissed. Silent mode can convert Markdown to HTML without showing the editing interface. File properties can configure the Markdown engine, including a CommonMark preset. The library has no runtime dependency, supports npm or script-tag installation, and can target a custom self-hosted StackEdit URL. -
13
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. -
14
the-node-way
Design patterns and best practices for building Node.js applications
the-node-way is an educational repository about design patterns and best practices for building Node.js applications. It focuses on helping developers write scalable, maintainable, and clean server-side JavaScript. The project covers foundational Node concepts as well as practical architecture patterns. Its materials include topics such as error-first callbacks, testing essentials, singletons, custom types, and factories. Rather than acting as a framework, it works as a guide for thinking through application structure and code organization. It is useful for developers who want to move beyond basic Node usage and build applications with clearer patterns, better maintainability, and stronger engineering discipline. -
15
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. -
16
vuedarkmode
A minimalist dark design system for Vue.js
The vuedarkmode repository is a lightweight utility for front-end projects built with Vue.js that enables easy toggling between light and dark themes (or color modes), supporting persistent user preference (e.g. via local storage). It abstracts the boilerplate and complexity around theme switching: instead of manually wiring up CSS classes, media queries, or state logic, you can integrate vuedarkmode and have theme toggling out-of-the-box. That makes it easier for developers to support dark mode reliably across components and pages, ensuring consistency and smoother user experience. The package likely includes reactive hooks or components that detect system/theme preferences and allow switching dynamically, and may also provide CSS or class-based mechanisms to adapt styling accordingly. For Vue-based applications, this simplifies adding theme customization for end-users, improving accessibility and modern UX expectations. -
17
OpenFoto is a lightweight, open-source photo gallery script written in php - with valid css and xhtml - no database is required either.
