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.
-
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.
-
Get Avast Free Antivirus with 24/7 AI-powered online scam detectionAward-winning antivirus protection, as well as protection against online scams, dangerous Wi-Fi connections, hacked accounts, and ransomware. It includes Avast Assistant, your built-in AI partner, which gives you help with suspicious online messages, offers, and more.
-
1
Jupyter Notebook
Jupyter Interactive Notebook
The notebook extends the console-based approach to interactive computing in a qualitatively new direction, providing a web-based application suitable for capturing the whole computation process: developing, documenting, and executing code, as well as communicating the results. The Jupyter notebook combines two components. A web application, which is a browser-based tool for interactive authoring of documents which combine explanatory text, mathematics, computations and their rich media output. And Notebook documents, which are a representation of all content visible in the web application, including inputs and outputs of the computations, explanatory text, mathematics, images, and rich media representations of objects. Notebook documents contain the inputs and outputs of a interactive session as well as additional text that accompanies the code but is not meant for execution. -
2
tailwindcss
A utility-first CSS framework for rapid UI development
Rapidly build modern websites without ever leaving your HTML. A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup. Utility classes help you work within the constraints of a system instead of littering your stylesheets with arbitrary values. They make it easy to be consistent with color choices, spacing, typography, shadows, and everything else that makes up a well-engineered design system. Because Tailwind is so low-level, it never encourages you to design the same site twice. Even with the same color palette and sizing scale, it's easy to build the same component with a completely different look in the next project. Tailwind automatically removes all unused CSS when building for production, which means your final CSS bundle is the smallest it could possibly be. In fact, most Tailwind projects ship less than 10kB of CSS to the client. -
3
Appium Desktop
Appium Server in Desktop GUIs for Mac, Windows, and Linux
Appium Desktop is an app for Mac, Windows, and Linux which gives you the power of the Appium automation server in a beautiful and flexible UI. It is basically a graphical interface for the Appium Server. You can set options, start/stop the server, see logs, etc... You also don't need to use Node/NPM to install Appium, as the Node runtime comes bundled with Appium Desktop. If you're on Windows or macOS, Appium Desktop will automatically provide you with updated versions of the app when they are released. If you encounter a problem updating, simply delete or uninstall the app and re-download the latest. Note that Appium Desktop is not the same thing as Appium. Appium Desktop is a graphical frontend to Appium with additional tools. Appium Desktop is released on its own cadence and has its own versioning system. If you are reporting an issue with Appium Desktop, always be sure to include both the version of Appium Desktop and the version of the Appium Server which is in use. -
4
Open Video Downloader
A cross-platform GUI for youtube-dl made in Electron and node.js
A cross-platform GUI for youtube-dl made in Electron and node.js. Download from all kind of platforms: YouTube, vimeo, twitter & many more. Download multiple videos/playlists/channels in one go. Select the resolution and format you want to download in. Download private videos (currently only tested on YouTube). Multithreaded, up to 32 videos can be downloaded synchronously. Shows how much size the download will use up on your system. The app automatically keeps ytdl up-to-date. Please be aware that this app is only tested on windows, linux and macOS. If you decide to build for another platform/archtype it may or may not work. Builds other than those available in the releases come with absolutely no support. -
Build Securely on AWS 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.
-
5
Insomnia API Client
The open-source, cross-platform API client for GraphQL
Insomnia is an open-source, cross-platform API client for GraphQL, REST, and gRPC. Deliver high-quality APIs through standards and collaboration with the Insomnia API design platform. There is a reason developers love Insomnia. With our streamlined API client, you can quickly and easily send REST, SOAP, GraphQL, and GRPC requests directly within Insomnia. Accelerate your teams through spec-driven design-first API development. Catch issues earlier, centralize standards, and adopt an API workflow that works with your existing tools. Automate manual API tests and integrate with your CI/CD process to build out an API testing pipeline using Insomnia Unit Tests and Inso, the Insomnia CLI. Connect directly to Git providers to always be in sync with design changes and enable a GitOps pipeline with Inso, the Insomnia CLI tool. -
6
Swiper
Most modern mobile touch slider with hardware accelerated transitions
Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps. Swiper is not compatible with all platforms, it is a modern touch slider which is focused only on modern apps/platforms to bring the best experience and simplicity. Swiper, along with other great components, is a part of Framework7, a fully-featured framework for building iOS & Android apps. Swiper is also a default slider component in the Ionic Framework. Swiper doesn't require any JavaScript libraries like jQuery, which makes Swiper much smaller and faster. It can be safely used with libraries such as jQuery, Zepto, jQuery Mobile, etc. By default, Swiper provides 1:1 touch movement interaction, but this ratio can be configured through Swiper settings. -
7
Scrcpy GUI
A simple & beautiful GUI application for scrcpy
Scrcpy was created by the team behind the popular Android emulator Genymotion, but it is not an Android emulator itself, it displays and controls Android devices connected via USB or TCP/IP, it does not require any root access. It works with GNU/Linux, Windows, and MacOS. Scrcpy works by running a server on your Android device, and the desktop application communicates using USB (or using ADB tunneling wireless). The server streams the H.264 video of the device screen. The client decodes the video frames and displays them. The client captures input (keyboard and mouse) events, sends them to the server, and the server injects them into the device. If you want to see your Android screen interact with the app or content on your desktop, record your phone screen or perform other basic tasks, then Scrcpy is a good choice. In short, Scrcpy is an excellent way to easily view your Android screen on your computer and interact with it in real time. -
8
tabler
Tabler is free and open-source HTML Dashboard UI Kit
Tabler is fully responsive and compatible with all modern browsers. Thanks to its modern, user-friendly design you can create a fully functional interface that users will love! Choose the layouts and components you need and customize them to make your design consistent and eye-catching. Every component has been created with attention to detail to make your interface beautiful! We've created this admin panel for everyone who wants to create templates based on our pre-made components. Our mission is to deliver a user-friendly, clear and easy administration panel that can be used by both simple websites and sophisticated systems. The only requirement is basic HTML and CSS (and some Liquid) knowledge, as a reward, you'll be able to manage and visualise different types of data in the easiest possible way! With the support for mobile, tablet and desktop displays, it doesn’t matter what device you’re using. Tabler is responsive in all major browsers. -
9
AUTOMATIC1111 Stable Diffusion web UI
Stable Diffusion web UI
AUTOMATIC1111's stable-diffusion-webui is a powerful, user-friendly web interface built on the Gradio library that allows users to easily interact with Stable Diffusion models for AI-powered image generation. Supporting both text-to-image (txt2img) and image-to-image (img2img) generation, this open-source UI offers a rich feature set including inpainting, outpainting, attention control, and multiple advanced upscaling options. With a flexible installation process across Windows, Linux, and Apple Silicon, plus support for GPUs and CPUs, it caters to a wide range of users—from hobbyists to professionals. The interface also supports prompt editing, batch processing, custom scripts, and many community extensions, making it a highly customizable and continually evolving platform for creative AI art generation. -
Powering the best of the internet | FastlyEnsure your websites, applications and services can effortlessly handle the demands of your users with Fastly. Fastly’s portfolio is designed to be highly performant, personalized and secure while seamlessly scaling to support your growth.
-
10
Stylus for Chrome
Stylus - Userstyles Manager
Stylus is a fork of Stylish for Chrome, also compatible with Firefox as a WebExtension. "Stylus" is a fork of the popular Stylish extension which can be used to restyle the web. Not "ish", but "us", as in "us" the actual users. Stylus is a fork of Stylish that is based on the source code of version 1.5.2, which was the most up-to-date version before the original developer stopped working on the project. The objective in creating Stylus was to remove any and all analytics, and return to a more user-friendly UI. We recognize that the ability to transfer your database from Stylish is important, so this is the one and only feature we've implemented from the new version. Two different optional code validators with user-configurable rules: CSSLint and Stylelint. Both validators use Web Worker API to run in a separate background thread inside the editor tab without blocking your interaction with the code. -
11
CoreUI
Open Source UI Kit built on top of Bootstrap 5 and plain JavaScript
CoreUI Admin Panel is not another blend of 3rd parties free components and libraries. It's the only Open Source Bootstrap Admin Dashboard Template built on the enterprise-grade hand-crafted UI Components Library created and backed by professionals. CoreUI and CoreUI PRO are delivered with fully-featured, and ready-to-use admin panel templates for your application. Save thousands of development hours by using ready-made, reusable, and commonly used widgets and UI components. Moreover, CoreUI Bootstrap Admin Template is delivered with a ready-to-use environment, so you don't have to waste time configuring the project. All build scripts and tools are ready to use out of the box. With CoreUI Template you can start a new project in a minute! -
12
Intro.js
Lightweight library for creating step-by-step customer onboarding
Intro.js is a lightweight library for creating step-by-step customer onboarding. You can install Intro.js in a few simple steps. Intro.js consists of two main files, the JavaScript part and the CSS part which renders the elements nicely. The simplicity of Intro.js API will help you to develop an advanced onboarding for your products. Intro.js is lightweight, 10kB and has no external dependencies! Intro.js provides various ways to configure your product onboarding and customize every single step of your tour. Intro.js is Free and open-source, published under AGPL license. We also provide commercial license, supporting your team to successfully integrate Intro.js! Intro.js is AGPL-licensed and open-source. However, if you want to use Intro.js in your commercial app, website or plugin, you would need to obtain a commercial license. -
13
Postbird
Open source PostgreSQL GUI client for macOS, Linux and Windows
Postbird is a cross-platform PostgreSQL GUI client, written in JavaScript, runs with Electron. -
14
WOW.js
Reveal CSS animation as you scroll down a page
Reveal animations when you scroll. Easily customize animation settings like style, delay, length, offset, iterations, etc. By default, you can use it to trigger animate.css animations. But you can easily change the settings to your favorite animation library. Smaller than other JavaScript parallax plugins, like Scrollorama (they do fantastic things, but can be too heavy for simple needs). Super simple to install, and works with animate.css, so if you already use it, that will be very fast to setup. Fast execution and lightweight code, the browser will like it. It just take seconds to install and use WOW.js! Once purchased on UpLabs, you’ll receive a commercial license PDF and be all set to use WOW.js in your commercial applications. If you want to use WOW.js to develop commercial sites, themes, projects, and applications, the Commercial license is the appropriate license. With this option, your source code is kept proprietary. -
15
Pencil
The Pencil Project's unique mission is to build a free tool
Pencil is built for the purpose of providing a free and open-source GUI prototyping tool that people can easily install and use to create mockups in popular desktop platforms. The latest stable version of Pencil is 3.1.0 which contains stability fixes and many new features. More details can befound in the releaste notes. Pencil provides various built-in shapes collection for drawing different types of user interface ranging from desktop to mobile platforms. Starting from 2.0.2, Pencil is shipped with Android and iOS UI stencils pre-installed. This makes it even easier to start protyping apps with a simple installation. Starting from 2.0.2 Pencil has even more shape collections included by default. The list of built-in collections now includes general-purpose shapes, flowchart elements, desktop/web UI shapes, Android and iOS GUI shapes. -
16
pg-promise
PostgreSQL interface for Node.js
pg-promise is a PostgreSQL client for Node.js that uses promises for query execution, providing a robust and efficient interface for database interactions. -
17
CoreUI Free React Admin Template v4
CoreUI React is a free React admin template based on Bootstrap 5
CoreUI is meant to be the UX game changer. Pure & transparent code is devoid of redundant components, so the app is light enough to offer ultimate user experience. This means mobile devices also, where the navigation is just as easy and intuitive as on a desktop or laptop. The CoreUI Layout API lets you customize your project for almost any device – be it Mobile, Web or WebApp, CoreUI covers them all! Time is our most valuable asset, that's why we want to help you save it by creating simple, customizable, easy to learn React.js UI components and React.js Admin Templates which significantly cut development time. CoreUI lets you save thousands of priceless hours because it offers everything you need to create modern, beautiful, and responsive React.js based applications. Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. -
18
axe-core
Accessibility engine for automated Web UI testing
Axe is an accessibility testing engine for websites and other HTML-based user interfaces. It's fast, secure, lightweight, and was built to seamlessly integrate with any existing test environment so you can automate accessibility testing alongside your regular functional testing. Axe-core has different types of rules, for WCAG 2.0 and 2.1 on level A and AA, as well as a number of best practices that help you identify common accessibility practices like ensuring every page has an h1 heading, and to help you avoid "gotchas" in ARIA like where an ARIA attribute you used will get ignored. With axe-core, you can find on average 57% of WCAG issues automatically. Additionally, axe-core will return elements as "incomplete" where axe-core could not be certain, and manual review is needed. -
19
Add to Calendar Button
The convenient JavaScript snippet to create buttons
The convenient JavaScript snippet, which lets you reliably create beautiful buttons, where people can add events to their calendars. Welcome to the maybe most conveniant way working with Add to Calendar Buttons. Supporting all major calendars; in all modern browsers (Chrome, Edge, Firefox, Safari); on Windows, Mac, Android, and iOS as well as rather restricted webview environments like the Instagram in-app browser. For everybody, who wants to include a button at their website or app, which enables users to easily add a specific event to their calendars. It's main goal is to keep this process as easy as possible at maximum compatibility. Simply define your button configuration and everything else is automatically generated by the script. Supporting calendars at Apple, Google, Microsoft (365, Outlook, Teams), Yahoo, and generic iCal. -
20
Flickity
Touch, responsive, flickable carousels
All sizing and styling of the cells are handled by your own CSS. The height of the carousel is set to the maximum height of the cells. Cells can be different sizes. You can use any unit you like: percent, pixels, etc. You can use media queries to show different number of cells for different breakpoints. If you want to use Flickity to develop commercial sites, themes, projects, and applications, the Commercial license is the appropriate license. With this option, your source code is kept proprietary. Once purchased, you’ll receive a commercial license PDF and be all set to use Flickity in your commercial applications. If you are creating an open source application under a license compatible with the GNU GPL license v3, you may use Flickity under the terms of the GPLv3. You can use Flickity as a jQuery plugin. You can initialize Flickity in HTML, without writing any JavaScript. Add data-flickity attribute to the carousel element. -
21
Knockout
Tool to create rich, responsive UIs with JavaScript
Easily associate DOM elements with model data using a concise, readable syntax. When your data model's state changes, your UI updates automatically. Implicitly set up chains of relationships between model data, to transform and combine it. Quickly generate sophisticated, nested UIs as a function of your model data. Get started with knockout.js quickly, learning to build single-page applications, custom bindings and more with interactive tutorials. Knockout is a JavaScript MVVM (a modern variant of MVC) library that makes it easier to create rich, desktop-like user interfaces with JavaScript and HTML. It uses observers to make your UI automatically stay in sync with an underlying data model, along with a powerful and extensible set of declarative bindings to enable productive development. For Node.js developers, Knockout is also available from npm. -
22
MUI Core
React components for faster and easier web development
MUI Core (formerly Material-UI) consists of React components for faster and easier web development, with options for creating your own design system or starting with Material design. MUI components work without any additional setup, and don't pollute the global scope. -
23
Oruga UI
Oruga is a lightweight library of UI components without CSS framework
Oruga is a lightweight library of UI components without CSS framework dependency. CSS framework agnostic: No dependency on a specific CSS framework/library but you can easily integrate the components with one of them because they are fully customizable in different ways. Components with steroids: most of the components aren't a simple wrapper of native elements but they add new and custom features. Lightweight: no other internal dependency and import only components that you need. Oruga doesn't depend on any specific style or CSS framework (like Bootstrap, Bulma, TailwindCSS etc...) and it doesn't provide any grid system or CSS utility, it just offer a set of components easy to customize. Oruga wants you to focus only on UI/UX aspects of your application and be totally flexible to future changes without having to touch a line of JavaScript. -
24
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. -
25
UIkit
Lightweight modular front-end framework for developing web interfaces
A lightweight and modular front-end framework for developing fast and powerful web interfaces. UIkit will work on pretty much any modern browser. Using UIkit works best if you have a solid code editor, for example Sublime Text or Atom. To be even more efficient, we recommend that you install one of the autocomplete plugins for your favorite IDE or code editor. This saves a lot of time, as you won't have to look up and type all UIkit classes and markup. To use UIkit's CSS and JavaScript, include the files in your own HTML and then create the markup of any of the components. When you have installed UIkit with Less sources, you can compile it and add your own custom theme. Less is the language that the UIkit styles are written in. This allows you to include customizations in the build process, rather than manually overwriting a lot of CSS rules by hand.
