Open Source JavaScript User Interface (UI) Software for Mobile Operating Systems
Sort By:
JavaScript User Interface (UI) Software for Mobile Operating Systems
Browse free open source JavaScript User Interface (UI) Software for Mobile Operating Systems and projects below. Use the toggles on the left to filter open source JavaScript User Interface (UI) Software for Mobile Operating Systems by OS, license, language, programming language, and project status.
-
Gen AI apps are built with MongoDB AtlasMongoDB Atlas is the developer-friendly database used to build, scale, and run gen AI and LLM-powered apps—without needing a separate vector database. Atlas offers built-in vector search, global availability across 115+ regions, and flexible document modeling. Start building AI apps faster, all in one place.
-
Photo and Video Editing APIs and SDKsUnlock Picsart's full editing suite by embedding our Editor SDK directly into your platform. Offer your users the power of a full design suite without leaving your site.
-
1
Zulip Mobile
Zulip mobile apps for Android and iOS
Zulip for Windows is even better than Zulip on the web, with a cleaner look, tray integration, native notifications, and support for multiple Zulip accounts. Zulip Mobile is the official mobile Zulip client, supporting both iOS and Android. -
2
NativeScript CardView
NativeScript widget for Material Design CardView
nativescript-cardview is a NativeScript plugin that provides a Material Design card component for mobile applications. It allows developers to create card-based layouts with shadow effects and rounded corners, enhancing the UI's visual appeal. -
3
bxSlider
Responsive jQuery content slider
The fully-loaded, responsive jQuery content slider. 4.2.0 Introduces a streamlined build process using gulp. Along with this new build process the projects folder structure has been changed. You will find a dist folder with all assets ready to use, including both minified and unminified versions of the javascript. These assets should be ready to go. In src you will find the uncompiled assets, including a new less version of the css for bxslider. This is an important step for bxslider. It will help speed development up and keep work clean. It also paves the way for a big revamp we have planned in the future. -
4
noUiSlider
JavaScript range slider with multi-touch and keyboard support
noUiSlider is a lightweight, ARIA-accessible JavaScript range slider with multi-touch and keyboard support. It is fully GPU animated: no reflows, so it is fast; even on older devices. It also fits wonderfully in responsive designs and has no dependencies. noUiSlider is a lightweight range slider with multi-touch support and a ton of features. It supports non-linear ranges, requires no external dependencies, has keyboard support, and it works great in responsive designs. Have you tried this documentation on your phone? It can be used for free and without any attribution, in any personal or commercial project. An extensive documentation, including examples, options and configuration details, is available in the website. GPU animated, no reflows, so fast; even on older devices. All modern browsers and IE > 9 are supported. -
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
Bricks.js
A blazing fast masonry layout generator for fixed width elements
Bricks capitalizes on batched reading of layout properties for blazing fastpacking time, no matter how many items. Bricks was developed with a modern JavaScript workflow in mind. To use it, it's recommended you have a build system in place that can transpile ES6, and bundle modules. It's recommended that you assign your Bricks instance to a variable. Using your instance, you can enable and disable the resize handler, add and remove event handlers, accommodate dynamically added elements, etc. Bricks instances are extended with Knot.js, a browser-based event emitter. Use the event emitter syntax to add and remove handlers for the events emitted by the API methods. Bricks depends on the browser APIs ES5 array methods, forEach, map, indexOf, requestAnimationFrame, and matchMedia. -
6
Fomantic-UI
Fomantic-UI is the community fork of Semantic-UI
Fomantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML. Fomantic UI treats words and classes as exchangeable concepts. Classes use syntax from natural languages like noun/modifier relationships, word order, and plurality to link concepts intuitively. Get the same benefits as BEM or SMACSS, but without the tedium. Fomantic uses simple phrases called behaviors that trigger functionality. Any arbitrary decision in a component is included as a setting that developers can modify. Performance logging lets you track down bottlenecks without digging through stack traces. Fomantic comes equipped with an intuitive inheritance system and high-level theming variables that let you have complete design freedom. Develop your UI once, then deploy with the same code everywhere. The only dogma from this framework: everything arbitrary is mutable. -
7
Infinite Scroll
Automatically add next page
Infinite Scroll is a JavaScript plugin that automatically adds the next page, saving users from a full page load. You’ve likely seen it in use all over the web. The original version of Infinite Scroll was first released by Paul Irish 2008. It was a break-through work of front-end development, granting web developers a cutting edge experience via a user-friendly yet powerful jQuery plugin. That lineage scrolls on to this day. Infinite Scroll v4 supports Chrome 60+, Edge 79+, Firefox 55+, Safari 11+. For IE10 and Android 4 support, try Infinite Scroll v3. Infinite Scroll upholds URLs by changing them automatically as the user scrolls. Users can refresh the current page or return to a scrolled page and their position will be maintained. No more tears when you scroll 20 pages and accidentally hit refresh. Try out the full page demo. -
8
Konsta UI
Mobile UI components made with Tailwind CSS
Pixel perfect mobile UI components built with Tailwind CSS. With iOS and Material Design components for React, Vue & Svelte. All Konsta UI components come with pixel-perfect native-like iOS and Material Design themes created using official design guidelines. Everything you need for your iOS and Android apps! Konsta UI is mostly designed to be used with "parent" frameworks like Ionic or Framework7. In this case, you use the "parent" framework as your app shell (routing, navigation, state management, native APIs, etc.) and Konsta UI components for inner pages/views UIs. Using it with frameworks like Capacitor and Cordova you can easily create real native apps with native look and feel. -
9
Loki
Visual Regression Testing for Storybook
There are a few visual regression tools for the web, but most either cannot be run headless or use phantomjs which is deprecated and a browser nobody is actually using. They usually also require you to maintain fixtures. With react-native it's now possible to target multiple platforms with a single code base, but there's no single tool to test all to my knowledge. Loki aims to have easy setup, no to low maintenance cost, reproducible tests independent of which OS they are run on, runnable on CI, and support all platforms storybook does. -
Build Securely on Azure 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.
-
10
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. -
11
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. -
12
Easy-HotSpot
A super easy WiFi hotspot user management utility for Mikrotik router
Easy HotSpot, A super easy WiFi hotspot user management utility for Mikrotik RouterOS based Router devices and works using the PHP PEAR2 API client by boenrobot. This PHP/MySql/Bootstrap based package can be installed in any supporting OS in a local webserver of the client or in any internet based webservers of choice. Put the contents/source code in the root or in a sub folder of the host/domain, as required. A MySql database need to be created in order to work, but the package will create the database, if one doesn't exist on initialisation. The details of the database need to be given in the dbconfig.php file by editing it. The details of the router device also need to be entered in the config.php file prior to operations. A preliminary visual documentation is available at http://hotspot.zetozone.com Easy HotSpot is suitable for WiFi hotspots of any size and capacity, but equipped with a MikroTik routerOS based device. -
13
ZED OS
ZED OS the clone of Windows XP
ZED OS is a portuguese Linux based distribution (remaster of Ubuntu Mate). It was designed for users who want an innovative system. With both 3D and 2D interfaces you'll be able to chosse the better one according to your hardware/needs. It's Web Based and inspired in Windows XP from Microsoft -
14
BSL
Body scroll locking that just works with everything
Enables body scroll locking (for iOS Mobile and Tablet, Android, desktop Safari/Chrome/Firefox) without breaking scrolling of a target element (eg. modal/lightbox/flyouts/nav-menus). If the overflow property of the body is set to hidden, the body widens by the width of the scrollbar. This produces an unpleasant flickering effect, especially on websites with centered content. If the reserveScrollBarGap option is set, this gap is filled by a padding-right on the body element. If disableBodyScroll is called for the last target element, or clearAllBodyScrollLocks is called, the padding-right is automatically reset to the previous value. Works with vanilla JS and frameworks such as React / Angular / VueJS. Disables body scroll WITHOUT disabling scroll of a target element. Supports nested target elements (eg. a modal that appears on top of a flyout). -
15
Computer@Therapy
IT research and therapy in one piece.
The "Computer@Therapy" (iCT) project was founded in 2012 by J. Fiala inspired by Czech SEN (spec. edu.) cummunity, consequently it continued in coop. with Czech Universities and Open Source oriented corporations. Computer@Therapy is human computer interaction (HCI) research and therapy in one piece. We have pointed out that there are many uncovered SW/HW usability and accessibility issues even on existing apps. Hence we have proposed the SW/HW design principles (called iCT design principles) which defines how the HW/SW should be designed, developed and deployed, used to bring maximal outcome in education and therapy for mentally challenged. At this project page we present sources of developed apps according to iCT design principles. Apps are developed continuously by team members under the supervision of J. Fiala. New versions of iCT Framework and apps are added continuously at our new subproject tab (iCT-Framework v2 and its SEN apps) which is also called OPEN SEN PLATFORM. -
16
FlexSlider
An awesome, fully responsive jQuery slider plugin
Simple, semantic markup. Supported in all major browsers, horizontal/vertical slide and fade animations. Multiple slider support, Callback API, and more. Hardware accelerated touch swipe support. Custom navigation options, compatible with the latest version of jQuery. Display your products in a neatly designed, responsive slideshow within WooCommerce. FlexSlider was built to serve up the best responsive jQuery slider around. I had built a few implementations of responsive sliders on different client projects and noticed that there was a glaring hole for plugin support with the concept. I wanted to build a plugin that would serve the newest of beginners, while providing seasoned developers a tool they could use with confidence. What has come forth is this, FlexSlider. I plan to maintain this plugin and provide support to users implementing FlexSlider into their sites. Responsive web design can be tricky, but I hope that FlexSlider serves to uncomplicate the process, just a little bit. -
17
Frisbee
Modern fetch-based alternative to axios/superagent/request
Modern fetch-based alternative to axios/superagent/request. Great for React Native. -
18
Interactable
Experimental implementation of high performance interactable views
This is an experimental implementation of a declarative API for handling fluid user interactions with views at 60 FPS in React Native. Here are some example use-cases for views that users can interact with. Swipeable card (a la Google Now) springing into place unless swiped away with enough force. Drawer snapping between closed and open with buttons appearing gradually as it's being dragged. Collapsible header that snaps to a smaller size as the content below is being scrolled. Chat heads (a la Facebook Messenger) that can be dragged around but snap to corners of the screen. All of these use-cases have views that continuously interact with the user's gestures. These interactions are normally physical in nature, having properties like springiness, friction, elasticity and damping. In order to feel natural on a touch device they need to run at 60 FPS. -
19
NativeScript Tailwind
Makes using TailwindCSS in NativeScript a whole lot easier
The nativescript-tailwind plugin integrates the Tailwind CSS framework into NativeScript projects, allowing developers to use utility-first CSS classes to style their mobile applications consistently and efficiently. -
20
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. -
21
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. -
22
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. -
23
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. -
24
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. -
25
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.
