Open Source JavaScript User Interface (UI) Software - Page 2
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.
-
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.
-
1
Evergreen
Evergreen React UI framework by Segment
Evergreen is a React UI Framework for building ambitious products on the web. Brought to you by Segment. Evergreen contains a set of polished React components that work out of the box. Evergreen components are built on top of a React UI Primitive for endless composability. Evergreen features a UI design language for enterprise-grade web applications. Evergreen contains a set of polished React components that work out of the box. Evergreen components are built on top of a React UI Primitive for endless composability. Evergreen features a UI design language for enterprise-grade web applications. Evergreen is built on the belief that you can never predict all future requirements, only prepare for it. Instead of creating fixed configurations that work today, Evergreen promotes building systems that anticipate new and changing design requirements. Evergreen is built on the belief that things should work out of the box with smart defaults, but also offer full control when needed. -
2
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. -
3
Inquirer.js
A collection of common interactive command line user interfaces
Inquirer.js strives to be an easily embeddable and beautiful command line interface for Node.js (and perhaps the "CLI Xanadu"). Inquirer.js should ease the process of providing error feedback, asking questions, parsing input, validating answers, and managing hierarchical prompts. Inquirer.js provides the user interface and the inquiry session flow. If you're searching for a full blown command line program utility, then check out commander, vorpal or args. Create a self contained inquirer module. If you don't want to affect other libraries that also rely on inquirer when you overwrite or add new prompt types. Internally, Inquirer uses the JS reactive extension to handle events and async flows. This mean you can take advantage of this feature to provide more advanced flows. For example, you can dynamically add questions to be asked. -
4
Isotope
Filter and sort layouts
Include the Isotope .js file in your site. Isotope works on a container element with a group of similar child items. All sizing of items is handled by your CSS. You can use Isotope as a jQuery plugin. You can use Isotope with vanilla JS. You can initialize Isotope in HTML, without writing any JavaScript. All options are optional, but itemSelector is recommended. Layout modes have their own separate options. We recommend always setting itemSelector. itemSelector is useful to exclude sizing elements or other elements that are not part of the layout. If you want to use Isotope to develop commercial sites, themes, projects, and applications, the Commercial license is the appropriate license. With this option, your source code is kept proprietary. If you are creating an open source application under a license compatible with the GNU GPL license v3, you may use Isotope under the terms of the GPLv3. -
MongoDB 8.0 on Atlas | Run anywhereMongoDB 8.0 brings enhanced performance and flexibility to Atlas—with expanded availability across 125+ regions globally. Build modern apps anywhere your users are, with the power of a modern database behind you.
-
5
OverlayScrollbars
A javascript scrollbar plugin which hides native scrollbars
A javascript scrollbar plugin that hides native scrollbars, provides custom styleable overlay scrollbars and keeps the native functionality and feeling. The plugin combines the features of native scrolling (e.g. hotkeys, speed, smoothness, touch support etc.) and custom HTML & CSS. It does not replace the native scrollbars, it just hides them to guarantee 100% native scrolling. It also provides additional and highly customizable DOM elements to style your own scrollbars. To check how flexible the styling is, take a look at the examples in the styling demo. Textarea elements have extended support. Dependent on your options, textures can have dynamic width and height. This means the size of the text area is dependent of its content. For more information please read the documentation to the textarea options or check out the textarea demo. No-auto-wrapping (wrap="off") textures are also supported. -
6
bxSlider
Responsive jQuery content slider
The fully-loaded, responsive jQuery content slider. 4.2.0 Introduces a streamlined build process using gulp. Along with this new build process the projects folder structure has been changed. You will find a dist folder with all assets ready to use, including both minified and unminified versions of the javascript. These assets should be ready to go. In src you will find the uncompiled assets, including a new less version of the css for bxslider. This is an important step for bxslider. It will help speed development up and keep work clean. It also paves the way for a big revamp we have planned in the future. -
7
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. -
8
stylelint
A linter that helps you avoid errors and enforce conventions
stylelint understands the latest CSS syntax including custom properties and level 4 selectors. Extracts embedded styles from HTML, markdown and CSS-in-JS object & template literals. Parses CSS-like syntaxes like SCSS, Sass, Less and SugarSS. Has over 170 built-in rules to catch errors, apply limits and enforce stylistic conventions. Supports plugins so you can create your own rules or make use of plugins written by the community. Automatically fixes the majority of stylistic violations. Itis well tested with over 15000 unit tests. Supports shareable configs that you can extend or create. It is unopinionated so that you can customize it to your exact needs. stylelint has a growing community and is used by Facebook, GitHub and WordPress. You can configure the built-in stylistic rules to allow both multi-line and single-line rules. The choice of when to use each belongs to the user. -
9
Java2Script(J2S) provides an Eclipse Java to JavaScript compiler plugin and a JavaScript version of Eclipse SWT besides common utilities like java.lang.* and java.util.*. SWT-based RCP can be converted into RIA by using J2S.
-
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
PyGObject for Windows
All-In-One PyGI/PyGObject for Windows Installer
Cross-platform python dynamic bindings of GObject-based libraries for Windows 32-bit and 64-bit. -
11
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. -
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
Luna
Manage npm dependencies through a modern UI
Manage npm dependencies through a modern UI. npm desktop manager for handling npm dependencies. Supported platforms: OS X Windows and Linux. Luna was created with the main purpose to provide a flexible and modern UI for npm dependencies management. You can install, update and uninstall packages using a user interface built on the latest web technologies. Filter packages by name, group, and outdated. Preview package details (versions, statistics, dependencies, and more). Get notifications for missing dependencies or extraneous packages. The IO Management, Business Logic Management and Predictable Application State Management processors (middlewares) are subscribers of the application action stream. The IO Management and Business Logic Management are consumers and producers of actions. -
14
Rancher UI
Rancher UI
Rancher is a complete software stack for teams adopting containers. It addresses the operational and security challenges of managing multiple Kubernetes clusters across any infrastructure while providing DevOps teams with integrated tools for running containerized workloads. We highly suggest making customizations as an ember-cli addon rather than forking this repo, making a bunch of changes and then fighting conflicts to keep it up to date with upstream forever. ui-example-addon-machine is an example addon that adds a custom screen for a docker-machine driver. If there is no way for you to get to what you want to change from an addon, PRs to this repo that add generalized hooks so that you can are accepted. Rancher UI uses Ember CLI Pods for its project structure. We suggest reading the documentation if you have questions about the layout of the Rancher UI project. -
15
UI-Grid
UI Grid, an Angular data grid
UI-Grid is currently compatible with Angular versions ranging from 1.4.x to 1.8.x. UI-Grid comes bundled with several features. You can use jsdelivr.com's cdn url to access the files. Just alter the version as you need. UI-Grid has an excellent plugin system. Most new features can be added as plugins. Please see some discussion of that in the Developer guidelines. There is a list of known plugins on the tutorial site. If you would like your plugin added to that list, please edit the tutorial page and send a pull request. The first step is to install dependencies. git is required and must be available from the command line. If you don't have it, install git and ensure that the executable is in your path. If you are new to git, the easiest way to install is by installing the github client. Development "watch" task. This will automatically rebuild from source on changes, reload Gruntfile.js if you change it, and rebuild the docs. -
16
Vue CLI
Standard Tooling for Vue.js Development
Vue CLI is the Standard Tooling for Vue.js Development. Vue CLI provides a great number of features including out-of-the-box support for TypeScript, Babel, PostCSS, ESLint, PWA, as well as Unit Testing and End-to-end Testing. It comes with its own graphical user interface and a plugin system that allows for the building and sharing of reusable solutions that can answer common needs. Vue CLI provides instant prototyping with a single Vue file, and is fully configurable with no need for ejecting. Vue CLI is future-ready, allowing you to ship native ES2015 code for modern browsers, or build your Vue components as native web components. -
17
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. -
18
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. -
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
Ant Design Vue Pro
Use Ant Design Vue like a Pro!
Ant Design Pro is a production-ready solution for admin interfaces. Built on the design principles developed by Ant Design, this project introduces higher-level components; we have developed templates, components, and a corresponding design kit to improve the user and development experience for admin interfaces. Out-of-the-box mid-stage front-end/design solutions. Carefully designed based on Ant Design system. Extracted from typical pages and scenarios of middle and background applications. Develop with front-end cutting-edge technologies such as Vue/vuex/antd. Designed for different screen sizes. Configurable themes to meet diverse brand appeals. Built-in industry-wide internationalization solutions. Good engineering practices help you consistently produce high-quality code. Practical local data debugging scheme. Automated testing ensures front-end product quality. -
21
Chroma.js
JavaScript library for all kinds of color manipulations
chroma.js is a small-ish zero-dependency JavaScript library (13.5kB) for all kinds of color conversions and color scales. Read colors from a wide range of formats, analyze and manipulate colors, convert colors into wide range of formats, linear and bezier interpolation in different color spaces. Aside from that, chroma.js can also help you generate nice colors using various methods, for instance to be used in color palette for maps or data visualization. The first step is to get your color into chroma.js. That's what the generic constructor chroma() does. This function attempts to guess the format of the input color for you. For instance, it will recognize any named color from the W3CX11 specification. If there's no matching named color, chroma.js checks for a hexadecimal string. It ignores case, the # sign is optional, and it can recognize the shorter three letter format as well. So, any of these are valid hexadecimal representations: #ff3399, FF3399, #f39, etc. -
22
CoreUI Free Vue Admin Template v4
Open source admin template based on Bootstrap 5 and Vue 3
Time is our most valuable asset, that's why we want to help you save it by creating simple, customizable, easy-to-learn Vue.js UI components and Vue.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 Vue.js-based applications. 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 the 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! Save thousands of development hours by using ready-made, reusable, and commonly used widgets and UI components. Moreover, CoreUI Vue Admin Template is delivered with a ready-to-use environment. -
23
FlexSlider
An awesome, fully responsive jQuery slider plugin
Simple, semantic markup. Supported in all major browsers, horizontal/vertical slide and fade animations. Multiple slider support, Callback API, and more. Hardware accelerated touch swipe support. Custom navigation options, compatible with the latest version of jQuery. Display your products in a neatly designed, responsive slideshow within WooCommerce. FlexSlider was built to serve up the best responsive jQuery slider around. I had built a few implementations of responsive sliders on different client projects and noticed that there was a glaring hole for plugin support with the concept. I wanted to build a plugin that would serve the newest of beginners, while providing seasoned developers a tool they could use with confidence. What has come forth is this, FlexSlider. I plan to maintain this plugin and provide support to users implementing FlexSlider into their sites. Responsive web design can be tricky, but I hope that FlexSlider serves to uncomplicate the process, just a little bit. -
24
Infinite Scroll
Automatically add next page
Infinite Scroll is a JavaScript plugin that automatically adds the next page, saving users from a full page load. You’ve likely seen it in use all over the web. The original version of Infinite Scroll was first released by Paul Irish 2008. It was a break-through work of front-end development, granting web developers a cutting edge experience via a user-friendly yet powerful jQuery plugin. That lineage scrolls on to this day. Infinite Scroll v4 supports Chrome 60+, Edge 79+, Firefox 55+, Safari 11+. For IE10 and Android 4 support, try Infinite Scroll v3. Infinite Scroll upholds URLs by changing them automatically as the user scrolls. Users can refresh the current page or return to a scrolled page and their position will be maintained. No more tears when you scroll 20 pages and accidentally hit refresh. Try out the full page demo. -
25
Layui UI
An open source Web UI component library
layui is a set of open-source Web UI component library, which adopts its own classic modularization specifications and follows the development method of native HTML/CSS/JS. It is very easy to use and ready to use. Its style is simple and light, while its components are elegant and rich. Every detail from source code to usage method has been carefully crafted, which is very suitable for the rapid development of web interface. Layui is different from those front-end frameworks based on the bottom layer of MVVM, but it does not go against the road, but believes in returning to the basics. To be precise, it is more for back-end developers. You don’t need to get involved in various front-end tools. You only need to face the browser itself, and let all the elements and interactions you need come from here at your fingertips.
