Open Source JavaScript User Interface (UI) Software
Sort By:
JavaScript User Interface (UI) Software
View 121 business solutionsBrowse free open source JavaScript User Interface (UI) Software and projects below. Use the toggles on the left to filter open source JavaScript User Interface (UI) Software by OS, license, language, programming language, and project status.
-
Get Avast Free Antivirus | Your top-rated shield against malware and online scamsOur antivirus software scans for security and performance issues and helps you to fix them instantly. It also protects you in real time by analyzing unknown files before they reach your desktop PC or laptop — all for free.
-
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
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. -
2
iView
A high quality UI Toolkit built on Vue.js
iView is a high quality, open source UI Toolkit built on Vue.js, offering dozens of useful and beautiful components including fonts, icons, layouts, navigation and more. Each component has several options for you to choose from, giving you absolute freedom and choice to achieve the exact look you would like for your interface. iView also comes with a customizable default theme and a friendly API that's easy for people of any skill level. It's default language is Chinese but it does support plenty of other languages. iView currently supports both Vue.js 2 and Vue.js 1. -
3
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. -
4
Semantic UI
UI framework designed for theming
Semantic UI is a development framework that lets you create beautiful, custom and responsive website layouts using human-friendly HTML. The syntax used is based on natural language, so concepts are linked intuitively. Semantic UI utilizes concise HTML, intuitive JavaScript and simplified debugging, making front-end development an absolute dream for developers. Semantic UI is partnered with popular frameworks React, Angular, Meteor, Ember and many others so you can easily integrate it and organize your UI layer with your application logic. Semantic UI comes with over 3,000 high level theming variables and just about every layout option you can think of, giving you complete design freedom. It also has over 50 UI components enabling you to build your entire site with just one stack and share your UI between a number of different projects. -
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.
-
5
JS_Designer is a lightweight IDE to create Client-side Web-based applications ( Javascript+PHP). The goal is to have tool to build muti-lingual, skinable, professional-looking web applications, the way you would do in VB or VC.
-
6
APhPLIX Development Studio, is an open source Rapid Application Development environment for designing, developing and deploying WebBrowser-based applications that look, feel and act like regular window-based applications.
-
7
Group project to develop a campground reservation system as part of a Software Engineering class requirement.
-
8
Element
A Vue.js 2.0 UI Toolkit for Web
Element is a component library based on Vue.js 2.0 that can be used by developers, designers and product managers to build products that are logically sound, well-structured and easy to use. Element uses BEM-styled CSS so you can easily change styles when you want to. There are four ways you can change style variables. You can use the online theme roller to customize design tokens and preview new themes in real-time. You can also use the theme preview website (for changing the theme color only), update SCSS variables, or use the CLI theme tool. You can also import your own custom themes. -
9
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. -
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
JSPlot
Javascript Library for plotting stocks or other data type using HTML5.
A Javascript Library for plotting stocks or other type of data using HTML 5 canvas. You can create your own plots on a html div element. You can use candlestick chart, line plot, bar chart or distribution diagram. It can work with dinamic javascript frameworks, eg. js Ext and jQuery. You are able to use data sources, so different parts of the same data can be plotted at the same time on your page. You can pan and zoom your plots with mouse and keyboard shortcuts. You can use multiple type of indicators. You can read indicator data over your plot, or you can set a function that generates it from your plot data. The documentation can be found at http://jsplot.sourceforge.net/wiki/index.php/Main_Page -
11
A next generation framework to wire existing javascript frameworks (Ext, Qooxdoo, Dojo, etc.) to Server code written in any .NET language.
-
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
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. -
14
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
-
15
-
16
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. -
17
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. -
18
ScrollTrigger
Let your page react to scroll changes
The most basic usage of ScrollTrigger is to trigger classes based on the current scroll position. E.g. when an element enters the viewport, fade it in. You can add custom offsets per element, or set offsets on the viewport (e.g. always trigger after the element reaches 20% of the viewport) When using the callbacks ScrollTrigger becomes really powerful. You can run custom code when an element enters/becomes visible, and even return Promises to halt the trigger if the callback fails. This makes lazy loading images very easy. The easiest way to start is to create a new instance and add some triggers to it, with all default values. This will toggle the 'visible' class when the element comes into the viewport and toggles the 'invisible' class when it scrolls out of the viewport. Adding callbacks / different classes can be done globally, this becomes the default for all triggers you add, or you can specify custom configuration when adding a trigger. -
19
A prototype.js and scriptaculous.js based select box replacement library that allows fully styling select boxes- button style, scrollbars, dropdown box, option images.
-
20
Social Buttons for Bootstrap
Social Sign-In Buttons for Bootstrap
Social Sign-In Buttons made in pure CSS based on Bootstrap and Font Awesome! Include Bootstrap and Font Awesome. If you haven't done that already, include the latest Bootstrap and Font Awesome in your project. You have two options for enabling the social buttons in your project: vanilla CSS or source Less. For vanilla CSS, just include the bootstrap-social.css file into your project. Start using the buttons as you would normally do with the Bootstrap buttons that have an icon by adding the relevant class. -
21
ZCore is a set of Creative Studio for designing, testing, building ... solutions based on .NET framework. Contains UML designs tools, code editor & build tools, debug & test tools, user interface create tools ...
-
22
A JavaScript grid component for displaying and editing tabular data in DHTML-based tables. The grid provides rich client-side API, column sorting and resizing capabilities, multiple in-cell editors, filtering, searching and grouping functionality, etc.
-
23
Mac OS X and Windows OpenGL 3D Engine tools, content and code to create games and applications. Newton physics, OpenAL sound with OGG Vorbis, Lua, Revolution, written in C.
-
24
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. -
25
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/
