Open Source JavaScript User Interface (UI) Software - Page 15
Sort By:
JavaScript User Interface (UI) Software
View 126 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.
-
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.
-
Build Agents and Models on One PlatformGemini Enterprise Agent Platform is Google Cloud's comprehensive platform for developers to build, scale, govern, and optimize agents and models. Choose from Google's most advanced models and third-party models like Anthropic's Claude Model Family.
-
1
RapidASDev for Oracle
RASD for Oracle
RASD (Rapid Application Service Development) development platform for fast createing web based applications with less or no programming. For developing in RASD all you need is browser. The program you create is published as HTML5 or REST service. All subprograms (look up's, ...) are published as HTML5 or. REST too. If you create batch program in PL/SQL you can use the same tool. All generated by RASD can be overwritten with using triggers (remember classical Forms). The best thing is that the development cycle is really fast. The development process can be start with the business users (no or less documentation and no programming) with the combination of analytics or designers. In few minutes you can have working prototype for business users to discuss about their requirements. For the first impression (live super DEMO projects, code,... ) you can test it on http://bit.ly/RasdNo1 Code on GITLAB https://gitlab.com/rasd-installation/rasd Go to WIKI for more details .... -
2
RaspberryBMS
User interface for Simp-BMS throuh Node-Red on a Raspberry Pi
This is a preconfigured version of Rasbian that communicates with Tom de Bree:s Simp-BMS hardware. Presentation of the data from the CAN-bus is presented in Node-Red through its GUI-capability. Prerequisites: 1 - Raspberry Pi 3 or newer. 1 - USBtin CAN-USB converter 1 - Simp-BMS https://www.diyelectriccar.com/forums/showthread.php/fs-tesla-vw-outlander-bms-master-198263.html https://www.fischl.de/usbtin/ See README.txt for more info. -
3
RaspiControl
Control GPIO ports of the Raspberry Pi
Web application whose main purpose is to control GPIO ports of the Raspberry Pi. It needs to be deployed on a tomcat server in raspi, which start with root permissions. *** Aplicación web cuyo objetivo principal es el control de los puertos GPIO de la Raspberry Pi. Tiene que ser desplegado en un servidor tomcat en la Raspberry Pi, el cual arranque con permisos root. -
4
React Autosuggest
WAI-ARIA compliant React autosuggest component
WAI-ARIA compliant, with support for ARIA attributes and keyboard interactions. Works well on those little devices you carry around in your hands. Supports custom suggestion rendering, multiple sections, and more. Suggestions can also be presented in multiple sections. Note that we highlight the first suggestion by default. Apply any styling you wish. For example, render images and highlight the matching string. When the suggestions list is long, you may want to make it scrollable. Note that the suggestions are rendered even when the input field is not focused. The only reason id exists, is to set ARIA attributes (they require a unique id). When rendering a single Autosuggest, don't set the id (it will be set to '1', by default). When rendering multiple Autosuggest components on a page, make sure to give them unique ids. -
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
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. -
6
React Dashboard
Isomorphic admin dashboard template
Built with React, Bootstrap, React Router, Redux and GraphQL based on Create React App and latest industry best practices. This seed project is a sort of a free version of a template that may be found on Themeforest or Wrapbootstrap with working backend integration. You may use it to bootstrap the development of your next web app. You can open your web app in a browser, on mobile devices and start hacking. Whenever you modify any of the source files inside the /src folder, the module bundler (Webpack) will recompile the app on the fly and refresh all the connected browsers. React is a declarative, efficient, and flexible JavaScript library for building user interfaces. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. -
7
React Joyride
Create guided tours in your apps
Showcase your app to new users or explain functionality of new features. It uses react-floater for positioning and styling. And you can use your own components too! -
8
React Native Loading Spinner Overlay
React Native loading spinner overlay
React Native loading spinner overlay. Integrate it inside the parent-most/top-level/root component in your app. Wrap usage of actions after attempting to stop the spinner with setTimeout to avoid the non-stop spinner issue. -
9
React Native Router
The first declarative React Native router
React Native Router is a different API over react-navigation. It helps users to define all the routes in one central place and navigate and communicate between different screens in an easy way. But it also means that react-native-router-flux inherits all limitations and changes from updated versions. v5.0.alpha.x is based on React Navigation v5.x (very early alpha, development in progress, help wanted!). Define all your routes in one React component and navigate from one scene to another scene with a simple and powerful API. Drawer support (provided by React Navigation). Inheritance of scene attributes allow you to avoid any code/attribute duplications. Adding rightTitle to a scene will apply to all child scenes simultaneously. All scenes are wrapped with observer. You may subscribe to navigationStore (Actions in v3) and observe current navigation state. Not applicable to Redux. -
Custom VMs From 1 to 96 vCPUs With 99.95% UptimeLive migration and automatic failover keep workloads online through maintenance. One free e2-micro VM every month.
-
10
React Native Typography
Pixel–perfect, native–looking typographic styles for React Native
Pixel–perfect, native–looking typographic styles for React Native. Creating great Text Styles in React Native is not a simple task, it requires a lot of fiddling and handling edge cases. This library provides a good set of defaults and helpers that cover the majority of the cases you'll need, make your code much simpler and render great on iOS, Android, and the web. -
11
React Notification
Provides snackbar notifications for React
React Notification provides snackbar notification messages and notification stacks. The default visual style and interaction follow Material Design guidelines for snackbars and can be fully customized. -
12
React-Virgin
The react-native UI Kit you've been looking for
React-Virgin is a React Native UI kit designed to provide developers with a ready-to-use boilerplate for building mobile applications quickly and efficiently. It includes a foundational project structure along with a set of prebuilt UI components that cover common mobile interface needs such as buttons, lists, headers, loaders, and chat elements. The library is intended to accelerate development by eliminating the need to set up navigation, layout systems, and basic UI elements from scratch. It integrates tools like react-navigation and includes both horizontal and vertical list components, making it easier to create dynamic and scrollable mobile interfaces. React-Virgin focuses on simplicity and accessibility, offering a clean starting point that developers can customize and expand as their application grows. It also includes example implementations and documentation to guide developers through setup and usage. -
13
React-WeUI
WeUI Components build with React
React-WeUI is a React component library that brings WeUI, the interface system associated with WeChat-style mobile design, into the React development workflow. Its purpose is to let developers build mobile-oriented interfaces with React while preserving the visual language and component behavior expected from WeUI. The project combines React components with the underlying WeUI styling, which means teams can work in a modern component architecture instead of manually stitching together markup and CSS for each screen. The repository includes documentation with live examples, installation options for both package managers and browser-based usage, and example code that shows how quickly a page can be assembled from imported components. Because of its heritage, React-WeUI is especially relevant for mobile web experiences, lightweight app-like pages, and products targeting users familiar with WeChat-inspired interaction patterns. -
14
Rebass
React primitive UI components built with styled-system
Start your design system without boiling the ocean. Build consistent UI with design constraints and user-defined scales. Best-in-class developer ergonomics with Styled System props. First-class support for theming & fully compatible with Theme UI. Quick, mobile-first responsive styles with array-based syntax. Flexbox layout with the Box and Flex components. Flexibility built in for high design & development velocity. Minimal footprint at about 4KB. By default, Rebass components are stylistically unopinionated and do not include a theme. You can add a theme to your application with a ThemeProvider component and by providing a theme in context. For this guide, use the Emotion ThemeProvider with the default Rebass preset theme. You can use Rebass components out-of-the-box to build larger, composite components. All components in Rebass are extensions of the base Box component, which includes an sx prop for theme-based styling as well as a standard set of Styled System style props. -
15
-
16
Provide a set of HTML / Javascript tools to enhance web application with powerfull components: menu, toolbar, dialogbox,... Their particularity are to look like Os component and to be as featured as possible
-
17
SUIT CSS
Style tools for UI components
SUIT CSS is a reliable and testable styling methodology for component-based UI development. A collection of CSS packages and build tools are available as modules. SUIT CSS plays well with React, Ember, Angular, and other component-based approaches to UI development. The SUIT CSS naming convention helps to scope component CSS and make your widgets render more predictably. The SUIT CSS preprocessor assembles future-facing extensions to CSS that support component-based development. Vendor prefixes are automatically applied with Autoprefixer. Custom media query aliases and custom properties help with theming and configuring components. Imports are inlined and can be used to reference npm-installed packages. postcss-bem-linter (for PostCSS) is included in the preprocessor but can be used stand-alone. It lets you test your CSS for conformance to the SUIT CSS methodology. -
18
SPARK is the SVG Programmers Application Resource Kit. The aim of the project is to provide a collection of resources (including code, frameworks, coding suggestions as appropriate) to make the development of interoperable SVG based applications easy.
-
19
SvgUP is an open source platform for building interactive Web applications based on SVG components and other web standards like JavaScript, CSS, RDF and DTD. SvgUP allows the separation of concerns by dividing the applications into modules.
-
20
SVGR
Transform SVGs into React components
React supports SVG out of the box, it's simpler, easier and much more powerful to have components instead of SVG files. Wrapped in a React component, your SVG is inlined in the page and you can style it using CSS. SVGR differs from other library by its solid architecture. It uses svg-parser + Babel to transform SVG code into JavaScript code. A whole directory can be processed, all SVG files (matching .svg or .SVG) are transformed into React components. It is possible to target React Native using react-native-svg. SVGR exposes a Node API, you can create a custom script or build another tool based on SVGR. SVGR can be used as a webpack loader, this way you can import your SVG directly as a React Component. SVGR ships with a handful of customizable options, usable in both the CLI and API. Modify all SVG nodes with uppercase and use a specific template with react-native-svg imports. All unsupported nodes will be removed. -
21
ScrollMagic
The javascript library for magical scroll interactions
ScrollMagic helps you to easily react to the user's current scroll position. ScrollMagic is a complete rewrite of its predecessor Superscrollorama by John Polacek. A plugin-based architecture offers easy customizability and extendability. Animate based on scroll position, pin an element starting at a specific scroll position, toggle CSS classes of elements on and off based on scroll position, effortlessly add parallax effects to your website, create an infinitely scrolling page, add callbacks at specific scroll positions or while scrolling past a specific section. Either trigger an animation or synchronize it to the scrollbar movement (like a playback scrub control). Pin an element starting at a specific scroll position, either indefinitely or for a limited amount of scroll progress (sticky elements). You can add callbacks at specific scroll positions or while scrolling past a specific section, passing a progress parameter. -
22
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. -
23
A prototype.js and scriptaculous.js based select box replacement library that allows fully styling select boxes- button style, scrollbars, dropdown box, option images.
-
24
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. -
25