Open Source JavaScript User Interface (UI) Software - Page 16
Sort By:
JavaScript User Interface (UI) Software
View 125 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.
-
Save Up to 91% on Cloud Compute With Spot VMsRun batch jobs at 60-91% off with Spot VMs. Long-running workloads get automatic discounts with sustained use.
-
Go from Code to Production URL in SecondsSkip the Kubernetes configs. Cloud Run handles HTTPS, scaling, and infrastructure automatically. Two million requests free per month.
-
1
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. -
2
A prototype.js and scriptaculous.js based select box replacement library that allows fully styling select boxes- button style, scrollbars, dropdown box, option images.
-
3
Selectize
Hybrid of a textbox and <select> box for tagging and contact lists
Selectize is the hybrid of a textbox and <select> box. It's jQuery-based and it's useful for tagging, contact lists, country selectors, and so on. It clocks in at around ~7kb (gzipped). The goal is to provide a solid & usable user-experience with a clean and powerful API. It's a lot like Chosen, Select2, and Tags Input but with a few advantages. Developed by @brianreavis (partly at DIY). Licensed under the Apache License, Version 2.0… so do whatever you want with it! Skinnable. Comes with LESS stylesheets and shims for Bootstrap 2 and Bootstrap 3 (+ precompiled CSS). Interface & make addons like a boss with the plugin system. Fully documented on GitHub & inline. Want to search an item's title and description? No problem. You can even override the scoring function used for sorting if you want to get crazy. Order matters sometimes. Use the and arrow keys to move between items. -
4
-
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.
-
5
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. -
6
Semantic UI React
The Semantic-UI-React integration
jQuery is a DOM manipulation library. It reads from and writes to the DOM. React uses a virtual DOM (a JavaScript representation of the real DOM). React only writes patch updates to the DOM, but never reads from it. It is not feasible to keep real DOM manipulations in sync with React's virtual DOM. Because of this, all jQuery functionality has been re-implemented in React. Declarative APIs provide for robust features and prop validation. Control the rendered HTML tag, or render one component as another component. Extra props are passed to the component you are rendering as. Augmentation is powerful. You can compose component features and props without adding extra nested components. This is essential for working with MenuLinks and react-router. Shorthand props generate markup for you, making many use cases a breeze. All object props are spread on the child components. Components with repeating children accept arrays of plain objects. -
7
Serveur Multicartes IPX800
Serveur Multicartes IPX800
Serveur domotique développé en PHP permettant de controler plusieurs cartes IPX800 (Gce.electronics). -
8
Shards Dashboard UI Kit
A beautiful Bootstrap 4 admin dashboard templates pack
A high-quality & free Bootstrap admin dashboard template pack that comes with lots of templates and components. Based on Bootstrap 4, Shards Dashboard Lite is fully responsive and capable to adapt its layout to any viewport size. We followed the same practices when building Shards Dashboard Lite as the original Shards UI kit. This means that performance is excellent by adding a thin layer that’s only ~4kb mingz. Fully documented components and features were one of the key points when building Shards Dashboard Lite so that you can focus on building your ideal product with ease. Shards Dashboard Lite comes packed with dozens of custom components and admin dashboard templates that you can use to kick-start your app. We made sure you can find the perfect icons for your app so we added the option to pick from more than 1500+ supported icons from both FontAwesome and Material icon packs. -
9
Shiro Project
We started to developing a tablet user interface based on gnome-shell
We started the project for school. Now the school project has finished and we plan to bring the project further. As said, it's based on gnome-shell. We took the source code of the gnome-shell and started to adapt it on touchscreen devices. Up to now we stayed fully compatible with the gnome-shell extension system. At the moment the software works just for the gnome-shell 3.2 shipped with Fedora 16 but we should adapt it for Ubuntu's gnome-shell version as well as for the newest releases of the gnome-shell. For the next steps we hope that we can integrate more social networks in the UI. -
Cut Data Warehouse Costs by 54%BigQuery delivers 54% lower TCO with exabyte scale and flexible pricing. Free migration tools handle the SQL translation automatically.
-
10
Shoutem UI
Customizable set of components for React Native applications
Shoutem UI is a set of styleable components that enables you to build beautiful React Native applications for iOS and Android. All of our components are built to be both composable and customizable. Each component has a predefined style that is compatible with the rest of the Shoutem UI, which makes it possible to build complex components that look great without the need to manually define complex styles. You can also use standard React Native components in your layouts anywhere you want, but they will not inherit either the theme or the parent styles, so you will need to style them manually. Shoutem UI is a part of the Shoutem UI Toolkit that enables you to build professional-looking React Native apps with ease. -
11
Written in pure javascript, Sigma Grid is an Ajax data grid for displaying and inline editing data in a scrollable and sortable table. Seamless Integration with any server side solution, such as j2ee, .net, PHP, perl . Inline editing, keyboard data navig
-
12
Simple Javascript Image Viewer is an easy-to-embed image viewer with which you can zoom using mouse wheel, pan using mouse drag. Comes with complete keyboard support and extensions for things such as adding toolbar.
-
13
An OpenSource Javascript Spreadsheet project based on Qooxdoo javascript framework. This component is also a part of X4View Java Framework (see www.reasonsphere.com)
-
14
-
15
Sing App Lite
Free and open-source admin dashboard template built with Bootstrap 4
Including responsive layout and high-quality UI built with Bootstrap 4.5. This repository contains a limited free version of Sing App. Full bootstrap 4, React with backend, Vue.js, Angular and Angular JS versions are also available and are shipped in a full package. Using this template you will be able to leverage lots of built-in components and thus focus on building features that set you apart from competitors rather than building everything from scratch. Styled Bootstrap components like buttons, modals, etc. All other features like themining, login, additional pages, etc are available in a full version. Building a project from scratch means that there is a lot of things to keep track of all at once, analytics, dynamic forms data, UI and UX elements, and much more. This simple admin template is well suited for web apps or any other website or project that requires admin dashboard. This template will serve as a solid foundation for your upcoming project. -
16
Sioux is a powerful web application toolbox designed to create interactive, rich content and ergonomic UI for web browsers. Sioux contains sets of javascript objets, and uses XML databinding to separate and minimize data & UI flows and reduce bl
-
17
SkratchPad is an enhanced and pre-configured version of WordPress for use by projects in order to author, share and maintain information and content.
-
18
SlickUI
Lightweight Phaser UI plugin
SlickUI is a lightweight UI plugin for the Phaser framework, designed to simplify the creation of user interfaces in an object-oriented manner. It provides developers with pre-built components and a structured approach to building game menus and interfaces. -
19
Slideout.js
A touch slideout navigation menu for your mobile web apps
Implementing Slideout.js into your project is easy. Slideout is available on cdnjs. Also you can use one of many package managers. First of all, you'll need to create your markup. You should have a menu (#menu) and a main content (#panel) into your body. Add the Slideout.js styles (index.css) in your web application. Then you just include Slideout.js, create a new instance with some options and call the toggle method. Supports Chrome (IOS, Android, desktop), Firefox (Android, desktop), Safari (IOS, Android, desktop), Opera (desktop), and IE 10+ (desktop and mobile). You can use the special HTML attribute data-slideout-ignore to disable dragging on some elements. For example, if you have to prevent slideout will open when touch on carousels, maps, iframes, etc. The slideout emits translatestart, translate and translateend events only when it is opening/closing via touch events. -
20
Widget based on Yahoo YUI javascript library. Send messages to the user of a webapplication. A window slides open at the side of the window. It saves screen space, can be controlled programmatically and by the user with clicks and keyboard shortcuts.
-
21
Snap.js
A Library for creating beautiful mobile shelfs in Javascript
A Library for creating beautiful mobile shelfs in Javascript. As standalone just include the file in a script tag. The slide intent is an int between 0 and 90, and represents the degrees in the first quadrant of a circle that you would like to have mirrored on the X and Y axis. For example, if you have 40 set as your slideIntent value, the user would only be able to slide the pane by dragging in the blue area in the diagram below. Once intent has been defined, it will not change until the user releases. CSS3 Powered Animations with IE fallbacks, drag support, drag handle support. Programatic API, "No-Drag" elements, and definable easing mode. Enable/disable events, disabled sides (left or right). It supports Ratchet (with templates!). Because of the nature of this code, drawers are just kind of stacked behind the content. To bring the proper drawer to the front, you can hook into Snaps.js' CSS classes. -
22
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. -
23
Spacegray
A hyperminimal UI theme for sublime text
A set of custom UI themes for Sublime Text 2/3. It's all about hype and minimal. Comes in different flavors with accompanying Base16 color schemes. Default flavor based on Base16 Ocean Dark color scheme. The easiest way to install is using Sublime Package Control, where Spacegray is listed as Theme - Spacegray. Activate the UI theme and color scheme by modifying your user preferences file, which you can find using the menu item Sublime Text -> Preferences -> Settings - User (⌘, on Mac). You can choose whichever flavor you like, but don't forget to change both color scheme and UI theme so they match. -
24
Spearmint
An inclusive, accessibility-first GUI
Easily create, save, and run tests intuitively using Spearmint. Access your app's file directory and codebase while providing a fully functional in-app terminal and browser. When you're ready to continue developing your application, your Jest test files will be in your app's __tests__ folder. Writing tests is like eating your veggies: it's something everyone knows that they should do, but not everyone does. Spearmint provides a simple way to write tests that gives you confidence your application will work in the way your users interact with it. Spearmint provides a user-friendly GUI for developers to easily generate tests with a few clicks of a button. It dynamically converts user inputs into executable test code through react-testing-library, jest, supertest, puppeteer, vue-test-utils, solid-testing-library, and axe-core. Spearmint isn't just for React. Write tests for your Redux actions, async functions, reducers, or middleware. -
25
A java toolkit for creating highly interactive cross browser web servlet applications. Knowledge of JSP, JavaScript, DOM, and HTML is not required because the library dynamically generates and controls client browser specific dhtml-ajax pages.
