Open Source JavaScript User Interface (UI) Software - Page 23
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.
-
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.
-
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.
-
1
react-native-swiper
The best Swiper component for React Native
With the horizontal property, the scroll view's children are arranged horizontally in a row instead of vertically in a column. You can disable continuous loop mode. You can make control buttons visible and enable auto play mode. Make pagination visible, merge custom styles with the default styles, and add delay between auto play transitions. ScrollBy(index, animated), and Scroll by relative index methods available. Launch simulator to preview. Note that you just need to edit the source file src/index.js, the change will auto sync to examples. After development, you should add test for your modification and make all tests passed to prevent other contributors break the feature in the future accidentally. We use detox + jest for e2e test now, you can read Detox for more detail. -
2
react-particle-effect-button
Bursting particle effect buttons for React
react-particle-effect-button is a React component library that provides buttons (or UI elements) with visually appealing particle explosion effects — for instance, on click or hover. Instead of static buttons, using this library lets you enhance user interactions with dynamic particle animations, giving a more lively and interactive UX. It’s ideal for use cases like “like” buttons, call-to-action buttons, or any UI control where you want a bit of flair. Because it’s built for React, integrating it into existing React applications/components is straightforward. The library hides the complexities of animations, particle rendering, and state handling, offering a simple API to developers. In this way, it brings a fancy, modern front-end feel to web apps with minimal effort. -
3
react-swipeable-views
A React component for swipeable views
A React component for swipeable views. react-native support is experimental and I have no plan pushing it forward. I start to think that lower level abstraction to share the implementation between the platforms are more appropriate. We have two different implementations of the react-swipeable-views API. The project is split into multiple packages. This is really useful for code sharing and isolation. We are using Lerna to do so. The infinite feature is provided thanks to a higher order component. It's working independently of the targeted platform. You can have a look at Demo 8 to see it in action. It's highly inspired by react-virtualized. -
4
Javascript for producing tagging feature on webpages which: shows a cloud of tags - which can be clicked to fill tagging text box tries to select tags from cloud as suggestions as you type Highlights tags selected in the cloud
-
Earn up to 16% annual interest with Nexo.Generate interest, borrow against your crypto, and trade a range of cryptocurrencies — all in one platform. Geographic restrictions, eligibility, and terms apply.
-
5
Shred is a fast and scalable faceted data browser. The application allows users to navigate the data in an intuitive way and by any path they wish to take. Immediate intuitive information regarding the data is apparent.
-
6
smoothState.js
Unobtrusive page transitions with jQuery
smoothState.js is a jQuery plugin that progressively enhances page loads to give us control over page transitions. If the user's browser doesn't have the required features, smoothState.js fades into the background and never runs. Imagine, for a second, how disorienting it would be if touching a doorknob teleported you to the other side of the door. Navigating the web feels like using a teleporting doorknob. Layouts change, elements rearrange or disappear, and it takes time for the user to adjust. Smooth transitions reduce the effort it takes for users to get settled into a new environment. Javascript SPA frameworks, sometimes referred to as MVC frameworks, are a common way to solve this issue. These frameworks often lose the benefits of unobtrusive code. Writing unobtrusive javascript gives us more resilience to errors, and improved performance and accessibility. smoothState.js provides hooks that can be used to choreograph how elements enter and exit the page during navigation. -
7
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. -
8
subGrey is used to display DHTML modal dialogs on webpages. subGrey is based on subModal. the default UI is modeled after GreyBox.
-
9
Swaf is Javascript Framework. 1. OOP Support(Multi inheritance & super call and etc...) 2. Integrated event&message processing (DOM Event & User defined event) 3. Multiplexed Ajax 4. Dynamic Scripting & Template for AJAX
-
Host LLMs in Production With On-Demand GPUsDeploy your model, get an endpoint, pay only for compute time. No GPU provisioning or infrastructure management required.
-
10
Teian is an web-based annotator and limited editor for any XML vocabulary. Teian was originally developed for the U.S. Department of State, Office of the Historian, and released as open source for the benefit of community. Its development was further funded by the University of Richmond, USA.
-
11
templUI
A growing collection of beautifully designed UI components for Go
templUI is a modern UI component library built specifically for Go applications using the templ templating language, offering a developer-first approach to building interfaces with strong type safety and performance. It provides a growing collection of beautifully designed, production-ready components styled with Tailwind CSS, allowing developers to construct modern web interfaces without relying on heavy frontend frameworks. One of its defining principles is code ownership, meaning developers can either import components directly or copy them into their projects using a CLI, ensuring full control over customization and long-term maintenance. The library avoids JavaScript frameworks entirely, instead relying on lightweight, vanilla implementations that prioritize speed and simplicity. templUI also emphasizes security and compliance, with features such as CSP-friendly rendering and no inline scripts, making it suitable for enterprise environments. -
12
themer
Takes a set of colors and generates themes for your apps
themer takes a set of colors and generates themes for your development environment (editors, terminals, wallpapers, and more). Pass themer a color set, as many templates as you wish, and an output directory. Your generated theme files, as well as a README on how to install them, will be written to the output directory. themer can create themes from your custom color sets. Conventional color is suggested for consistency with ANSI color names in terminal themes, but is not a hard requirement. See themer's Web UI for a more visual representation of the color mappings. -
13
tipsi-stripe
React Native Stripe binding for iOS/Android platforms
React Native Stripe binding for iOS/Android platforms. You can use real cards for payments on test environment without hesitation. You won't be charged on test environment for card payments. -
14
vue-content-loader
SVG component to create placeholder loading
vue-content-loader provides SVG “skeleton screen” components for Vue applications, letting you show animated placeholders that mimic your layout while real content loads. Skeletons reduce perceived waiting time and help prevent layout shifts by reserving space for images, text blocks, and cards. The library exposes composable, declarative shapes so you can approximate your final UI without pixel-perfect templates. Because it renders as vector graphics, the output is crisp on all screens and cheap to animate. It’s easy to theme and reuse across a design system, keeping loading states consistent throughout a product. Teams use it to polish UX, align with brand motion, and signal progress without resorting to spinners that provide no structural hint of the incoming content. -
15
vue-content-placeholders
Composable components for rendering fake (progressive) content
vue-content-placeholders is a Vue plugin for rendering animated skeleton placeholders while real data is loading. It helps developers improve perceived performance by showing fake progressive content instead of leaving blank spaces on the screen. The components are composable, so developers can build placeholder layouts that resemble cards, lists, headings, images, and text blocks. The project was designed for Vue 2 applications and follows the familiar placeholder style popularized by social media interfaces. It is useful for apps that fetch data asynchronously and need smoother loading states. Its main value is making loading screens feel more polished, predictable, and user-friendly with very little implementation overhead. -
16
vue-grid-layout
A draggable and resizable grid, for Vue.js.
vue-grid-layout is a grid layout system, like Gridster, for Vue.js. Heavily inspired by React-Grid-Layout. Bounds checking for dragging and resizing. Widgets can be added or removed without rebuilding grid. Layout can be serialized and restored. Automatic RTL support (resizing not working with RTL on 2.2.0). For legacy browsers, like IE11, use version 2.3.12-legacy. For Vue 2.1.10 and below use version 2.1.3. For Vue 1 use version 1.0.3. Ignore drag on certain elements and allow on others. Click and drag the dots on the corner of each item to reposition. -
17
vue-wait
Complex Loader and Progress Management for Vue/Vuex
vue-wait is a tiny state management plugin that centralizes “loading” and “waiting” indicators across a Vue application. Instead of scattering boolean flags throughout components, you register named waiters and toggle them during async operations. Components can then reactively show spinners, disable buttons, or block routes based on those named states. It’s useful in complex UIs where multiple concurrent requests must be tracked independently yet surfaced consistently in the UI. The API plays well with Vuex or simple event flows, and it exposes helpers to bind buttons or sections to specific wait keys. This keeps UI feedback predictable and removes boilerplate from components that would otherwise each manage their own loading flags. -
18
vuex-persistedstate
Persist and rehydrate your Vuex state between page reloads
Persist and rehydrate your Vuex state between page reloads. New plugin instances can be created in separate files, but must be imported and added to plugins object in the main Vuex file. It is possible to use vuex-persistedstate with Nuxt.js. It must be included as a NuxtJS plugin. Provides an array of any paths to partially persist the state. If no paths are given, the complete state is persisted. If an empty array is given, no state is persisted. Paths must be specified using dot notation. If using modules, include the module name. If it's not ideal to have the state of the Vuex store inside local storage, one can easily implement the functionality to use cookies for that (or any other you can think of). Any object following the Storage protocol (getItem, setItem, removeItem, etc) could be passed. If you need to use Local Storage (or you want to) but want to prevent attackers from easily inspecting the stored data, you can obfuscate it. -
19
Development of user interfaces (clients) for the w1-fi web service. w1-fi is a web content system for cell phones with user accounts, localization in maps, upload of images/videos, and selling products through online payment gateways like paypal.
-
20
waitMe
jquery plugin for easy creating loading css3/images animations
jQuery plugin for easy creating and loading css3 animations. Simple to use. Contains 14 animation effects and can use images. For work required only jQuery, other libraries are not required. The plugin works on all browsers and IE10+ (for css3 animation effects). -
21
wickettools-extjs is a library that integrates ExtJS, a client-side javascript library with wicket, a J2EE web framework.
-
22
wow jquery dialog is a lightweight jQuery dialog (alert, confirm). It it less < 1Kb !!!!! -- Project goals: -- 1) really lightweight: it don't exceed 1 kb!!! (minified javascript code) 2) easy to use 3) beautiful 4) open source Show demo: http://wowjquerydialog.sourceforge.net/tests/more.html Note: require jQuery library (http://jquery.com/)
-
23
x-ui
Xray panel supporting multiple protocols and multiple users
x-ui is a web-based management panel for configuring and monitoring Xray proxy services on a server. It supports multiple users and several protocols, including VMess, VLESS, Trojan, Shadowsocks, SOCKS, HTTP, and dokodemo-door. Administrators can configure transport options through a browser instead of editing Xray files manually. The panel tracks traffic usage and can enforce traffic limits or account expiration dates. Custom Xray configuration templates are supported for more advanced deployments. HTTPS access can be configured with existing certificates, and the included tooling can request and renew SSL certificates automatically. The project can run directly on Linux or through Docker. -
24
xQuiD is a RIA framework formed by two complementary projects: A JavaScript framework to build RIA easier, and a free WYSIWYG Eclipse Plugin wich can be used to improve your productivy.
-
25
The xWire framework is a toolkit used to build Java web applications, but is flexible enough for other uses. It is ideal for building AJAX apps and consists of both client and server components, each of which can be used independently of the other.
