Open Source JavaScript User Interface (UI) Software - Page 15
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.
-
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.
-
$300 Free Credits to Build on Google CloudPut your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
-
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 https://rasd.dev 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 Ape
React Renderer to build UI interfaces using canvas/WebGL
React Ape is an experimental open-source React renderer that enables developers to build graphical user interfaces using Canvas and WebGL instead of traditional HTML elements. It targets smart televisions, gaming consoles, and devices with limited processing resources. The framework uses hardware-accelerated rendering to address performance challenges associated with browser-based interfaces. Developers can construct interactive applications using familiar React components and declarative programming patterns. Its architecture is designed to minimize the overhead associated with complex DOM structures. React Ape was developed as an optional rendering solution for the React-TV ecosystem. The project provides example applications, including photo galleries and movie browsing interfaces. It explores graphics-oriented application development for televisions and gaming hardware -
Paessler: Easy to Use With Enterprise Power. Free TrialYou shouldn't have to choose between a monitoring tool that's easy to use and one that's powerful enough for a complex environment. PRTG's low-code interface lets any admin build dashboards, set alerts and monitor devices without scripting, while custom sensors and full API access are there when your team needs deeper control. One platform, no compromise. Download a free 30-day trial now.
-
5
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. -
6
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. -
7
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. -
8
React Desktop
React UI Components for macOS High Sierra and Windows 10
react-desktop is a JavaScript library built on top of Facebook's React library, which aims to bring a native desktop experience to the web, featuring many macOS Sierra and Windows 10 components. react-desktop works perfectly with NW.js and Electron.js, but can be used in any JavaScript powered project! Use npm as your package manager to install the stable version. This library has been created to bring a native desktop experience to the web. It works extremely well with tools such as node-webkit or Electron.js. Everyone is welcome to contribute and add more components/documentation whilst following the contributing guidelines. Some of the available options and components that can be added are boxes, buttons checkboxes, dialogues, labels, links, list views, progress circles, radio, search fields, text, title bars, toolbars, and many more. -
9
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! -
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
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. -
11
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. -
12
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. -
13
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. -
14
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. -
15
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. -
16
Reactive Search
Search UI components for React and Vue
Build the perfect search experience using our UI components or by creating your own. 30+ pre-built components with customizable queries and configurable styles. Focus on design and user experience as ReactiveSearch handles the details. 30+ well-designed and performance-optimized UI components. Ship faster and solve fewer edge cases. Already have your own components? Bring them to ReactiveSearch. Styled components with rich theming and CSS class-injection support. Reactivesearch components can be ported to create native mobile UIs. Connect to an ES index hosted anywhere. Supports v2, v5 and v6. Components come with good query defaults, that can be customized with Elasticsearch query DSL. Go from scratch to creating a data-driven search app with our beginner-friendly quick start guide. We offer production support for ReactiveSearch. Work with us to bring your dream project to life. -
17
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. -
18
-
19
Rico is a JavaScript library for creating rich internet applications. Version 1 is JavaScript only. Versions 2 & 3 include server-side code (asp, asp.net, and php) to make creating web apps even easier. Versions 1 & 2 are based on Prototype and include grids, calendar & tree controls, drag & drop, and cinematic effects. Version 3 goes beyond Prototype, and includes support for jQuery, MooTools, Dojo, Ext, and BBC Glow libraries. Version 3 is only available in the SVN repository. The rico3.net branch includes a .net server control.
-
20
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
-
21
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. -
22
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.
-
23
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.
-
24
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. -
25
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.
