Open Source JavaScript User Interface (UI) Software - Page 17
Sort By:
JavaScript User Interface (UI) Software
View 124 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.
-
Gemini 3 and 200+ AI Models on One PlatformBuild generative AI apps with Vertex AI. Switch between models without switching platforms.
-
1
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. -
2
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.
-
3
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. -
4
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. -
Try Google Cloud Risk-Free With $300 in CreditUse your credit across every product. Compute, storage, AI, analytics. When it runs out, 20+ products stay free. You only pay when you choose to.
-
5
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. -
6
Spicetify Themes
A community-driven collection of themes for customizing Spotify
spicetify-themes is a community-driven collection of custom themes for Spicetify, a tool that modifies the Spotify desktop client’s UI. The repository contains dozens of themes with different color palettes, layouts, and design variations, allowing users to personalize the look and feel of Spotify far beyond its default style. Themes are typically CSS-based and can be applied quickly through Spicetify commands, with instructions included for installation and customization. Many themes also support easy tweaking of accent colors, background images, and font choices, giving users fine-grained control. The project is open to contributions, so the catalog grows with community creativity, offering both minimalist and heavily stylized options. For Spotify users who want a more customized experience, spicetify-themes provides a plug-and-play gallery of designs maintained by enthusiasts. -
7
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.
-
8
Stackful is a web-based programming environment for beginners inspired by Hypercard. Users can create web pages live by dropping in page elements, positioning them, and writing the code behind them. Everyone should learn a little programming.
-
9
StarAdmin-Free-Bootstrap-Admin-Template
Admin dashboard template built with Bootstrap 4, elegant UI themes
Star Admin is a free responsive admin template built with Bootstrap 4. The template has colorful, attractive yet simple, and elegant design. The template is well crafted, with all the components neatly and carefully designed and arranged within the template. Star Admin is packed with all the features that fit your needs but not cramped with components you would not even use. It is an excellent fit to build admin panels, e-commerce systems, project management systems, CMS or CRM. Although the template has a design like none other, it is easily customizable to suit your requirements. Star Admin comes with a clean and well-commented code that makes it easy to work with the template. Thus making it an ideal pick for jump-starting your project. StarAdmin is designed to work flawlessly with all the latest and modern web browsers. -
Full-stack observability with actually useful AI | Grafana CloudBuilt on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
-
10
StickyStack.js
A jQuery plugin that creates a stacking effect by sticking panels
A jQuery plugin that creates a stacking effect by sticking panels as they reach the top of the viewport. -
11
Styled System
Style props for rapid UI development
Styled System lets you quickly build custom UI components with constraint-based style props based on scales defined in your theme. Add style props that hook into your own theme. Quickly set responsive font-size, margin, padding, width, and more with props. Influenced by constraint-based design system principles. Typographic scale. Spacing scale for margin and padding. Works with any color palette. Works with most css-in-js libraries, including styled-components & emotion. Used in Rebass, Reflexbox, and the Priceline Design System. Set responsive width, margin, padding, font-size, and other properties with a shorthand array syntax. Most CSS-in-JS libraries include a ThemeProvider to provide values through React context. Import the styled components ThemeProvider in the root of your application and pass the theme to the theme prop. -
12
Browser css stylizer: *compatible with every know Browser(FireFox, Opera, Chrome, IE, Safari, Flock) *live environment
-
13
Swixat is a Swing-based authoring tool for the quick and easy development of graphical UI Java applications. It extends an external XUL library (SwiXml) to implement a complete MVC framework, and provides advanced scripting features.
-
14
SwixUL extends SwixML to integrate JavaScript and to generally strive for operation identical Mozilla's XUL implementation.
-
15
TACHYONS
Functional CSS for humans
Create fast loading, highly readable, and 100% responsive interfaces with as little CSS as possible. Everything should be 100% responsive. Everything should be readable on any device. Everything should be as fast as possible. Designing in the browser should be easy. It should be easy to change any interface or part of an interface without breaking any existing interfaces. Doing one thing extremely well promotes reusability and reduces repetition. Documentation helps promote reusability and shared knowledge. CSS shouldn't impede accessibility or the default functionality of HTML. You should send the smallest possible amount of code to the user. Usable across projects. Growing open source component library. Works well with plain HTML, React, Ember, Angular, Rails and more. Infinitely nestable responsive grid system. Built with PostCSS. Optimized for maximum gzip compression. -
16
TRUNKS
Web and Mobile framework
TRUNKS is a web J2EE framework. It's dedicated to develop all kinds of applications in a basic way. Used technologies are based on a MVC model, XML for screen definition. Are included navigation, multilanguage, security, CSS styles, data export... -
17
TSDX
Zero-config CLI for TypeScript package development
Despite all the recent hype, setting up a new TypeScript (x React) library can be tough. Between Rollup, Jest, tsconfig, Yarn resolutions, TSLint, and getting VSCode to play nicely, there is just a whole lot of stuff to do (and things to screw up). TSDX is a zero-config CLI that helps you develop, test, and publish modern TypeScript packages with ease, so you can focus on your awesome new library and not waste another afternoon on the configuration. With TSDX, you can quickly bootstrap a new TypeScript project in seconds, instead of hours. TSDX will create a folder with the project template in it and install all dependencies. Once that's done, you're ready to rock. TypeScript, Rollup, Jest, ESlint, and all other plumbing are already set up with best practices. Just start editing src/index.ts (or src/index.tsx if you chose one of the React templates) and go. -
18
TW Elements
Huge collection of Tailwind MIT licensed (free) components
TW Elements is a large collection of UI components, templates, and plugins built specifically for Tailwind CSS, designed to extend its functionality with interactive and pre-designed elements. It provides hundreds of ready-to-use components, including forms, buttons, navigation elements, and layout blocks, enabling developers to build complete interfaces quickly. Unlike basic Tailwind utilities, TW Elements adds interactivity through JavaScript-powered components such as modals, dropdowns, and carousels, making it more feature-rich. The library includes a design system called Material Minimal, which combines elements of Material Design with a more refined and modern aesthetic. It supports easy theming and customization using Tailwind’s configuration system, allowing developers to adapt styles to their branding needs. TW Elements can be integrated into various frameworks and environments, including React, Vue, and standard HTML projects, with simple installation methods via npm or CDN. -
19
-
20
Tabler React
React components and demo for the Tabler UI theme
React components and demo for the Tabler UI theme. Make sure you have Node.js 8+ and yarn installed. For more examples and documentation see the demo website. You should now be up and running with live browser reloading of the example website while you work on Tabler React components in the /src folder. When you're done working on your changes, submit a PR with the details and include a screenshot if you've changed anything visually. -
21
TafelTree is a treeview in javascript. The structure of the tree is described in JSON format. It supports lot of options and user functions, just like the commercial trees. It's supported by all major browser (mac, linux and windows)
-
22
Tasian is a framework for developers of J2EE to create web-based user interfaces that rival the capabilities of rich-client or desktop-based applications. It provides developers with an object-oriented, event-driven architecture for web-based application
-
23
Terra-Terra is a virtual operating system, giving the full power of an OS to your internet server. Application developers can build webbased application for Terra-Terra, using its user interface, security system, RTL etc as with any OS.
-
24
ExtXL is to help dynamic web pages(JSP,Velocity) to affiliate with extjs v2.0(extjs.com,openext.sf.net).We provide an IoC(Inversion of Control) engine and a set of mappers for most of ext widgets that automatically generate widgets in XHTML format.
-
25
