Open-source alternatives to React Native Modal

This project is a cross-platform mobile UI library and design system built for the React Native framework. It provides a collection of styleable and reusable interface components to ensure visual consistency across different mobile operating systems. The framework includes a specialized tool for transforming raw HTML strings into native mobile components using custom element rendering and style overrides. It also features a remote update system that allows interface changes and new features to be pushed directly to devices without requiring a full application store release. The library cover

react-native-linear-gradient is a cross-platform mobile UI component used to render linear color transitions and backgrounds. It provides a customizable view that creates smooth transitions between multiple colors along a straight line. The project includes a text gradient mask, which allows text characters to be filled with color gradients using masking techniques rather than single solid colors. It also provides an animated gradient component capable of changing color properties over time to create moving visual effects. The component handles linear gradient rendering via configurable star

This is a high-performance image component and native caching library for mobile applications. It provides tools for image optimization and asset preloading to reduce visual flicker and increase loading speeds. The project differentiates itself through a mobile asset preloader that downloads remote images into a local cache before they are requested. It also includes a system for assigning loading priority levels to ensure critical visual assets are fetched first and supports remote asset authentication by attaching custom HTTP headers to requests. The library covers a broad range of capabil

This project is a cross-platform mobile carousel component for creating swipeable image and content sliders. It functions as a virtualized list component that maintains performance by removing off-screen elements and utilizes a native-driver animation library to map scroll offsets to style properties on the native thread for lag-free transitions. The library provides a parallax image gallery capable of shifting images relative to scroll progress to create a sense of depth. It also features a layout system that supports right-to-left orientations for languages such as Arabic and Hebrew. Capab

This project is a React Native UI library and mobile component framework designed for building consistent, themed mobile applications. It provides a collection of reusable user interface components and layout tools, functioning as a cross-platform design system to maintain visual uniformity across different mobile platforms. The toolkit distinguishes itself through a themed UI approach, utilizing global design foundations for typography, color palettes, and spacing. It allows for dynamic theme configuration and the use of style presets to ensure standardized branding across an entire project.

This project is a cross-platform UI library for React Native designed to build messaging interfaces. It provides a comprehensive set of specialized components, including message bubbles, input toolbars, and layout containers, to facilitate the development of chat applications on iOS and Android. The library distinguishes itself through a highly flexible configuration interface that allows developers to override default elements and styling to meet specific branding requirements. It includes built-in support for complex interaction patterns such as swipe-to-reply gestures, quick-reply buttons,

This project is a cross-platform mobile icon library and renderer that provides scalable vector icon components for mobile and web applications. It functions as a vector font integration tool, utilizing a rendering layer that maps vector fonts to mobile components and web CSS to ensure consistent iconography across different platforms. The library includes a configuration-driven pipeline to convert SVG files and CSS stylesheets into usable icon font packages. It supports the integration of proprietary font files and glyph maps, allowing for the use of brand-specific iconography through custom

react-native-svg is a cross-platform vector graphics engine and rendering library designed for mobile and web applications. It functions as an SVG to component converter, transforming standard vector markup into renderable components using a compatible component-based architecture. The library enables the rendering of scalable vector graphics across diverse platforms using a single set of components. It ensures visual consistency between web and mobile environments by sharing graphics and providing a unified API. The system covers the creation of custom icons and complex shapes through compo

SwitchButton is a customizable toggle switch widget for creating animated on and off switches with configurable labels and colors. It serves as an interactive form input that allows users to switch between two opposing options using a state-driven component. The widget is designed to be gesture-aware, capturing horizontal swipe movements to trigger state changes while allowing vertical scroll events to pass through to the parent container. The component supports the definition of custom colors, dimensions, and corner radii for both the toggle thumb and background track. It includes capabilit

SwipeBackLayout is an Android gesture navigation library and view component designed to implement edge-swipe gestures for navigating back to previous screens. It provides the underlying logic and layout management necessary to integrate horizontal swipe transitions into an application's screen stack. The library utilizes a custom layout manager to coordinate the simultaneous movement of foreground and background views. It maps horizontal touch offsets to the translation and opacity of view hierarchies, using interpolation to calculate visual progression based on the swipe percentage. The sys

Moti is a cross-platform animation framework and state-driven animation engine designed to create consistent visual transitions and motion effects across mobile and web platforms. It functions as a native-thread animation wrapper and library that leverages a shared-value system to synchronize state changes between the logic layer and the native rendering engine. The framework distinguishes itself through its layout transition tools and the ability to execute complex sequences and loops on the native thread to maintain high frame rates. It provides a system for orchestrating smooth entry and e

Slideout is a touch-gesture UI component and navigation menu designed for mobile web applications. It provides a side panel that slides across the screen to reveal navigation options, utilizing CSS transitions to animate the movement of the viewport. The component manages the expanded or collapsed state of the navigation menu and includes logic to restrict gestures for specific interface elements to prevent interaction conflicts. It employs a system for executing custom logic triggered by menu state transitions and user drag gestures.

This project is a React Native UI component for implementing swipeable tab navigation. It organizes mobile app content into category tabs that users navigate through horizontal gestures or direct interaction. The system synchronizes the movement of the tab indicator with the page scroll offset. It supports the integration of custom tab bars and provides the ability to maintain independent scroll positions for each individual page. Navigation can be managed programmatically, including the ability to define initial starting pages or disable gesture-based swiping. The component also includes tr

pulltorefresh.js is a JavaScript library and touch-gesture UI component used to add pull-to-refresh functionality to scrollable elements in web applications. It acts as a web interaction plugin that detects downward scrolling gestures to trigger content refresh actions. The library focuses on mobile web application user experiences, allowing developers to implement touch-based navigation and dynamic content refreshing that mimics native app behaviors on smartphones and tablets. The implementation includes configurable trigger distances and sensitivity thresholds. It utilizes touch-event trac

medium-zoom is a JavaScript image zoom library and frontend UI component that creates a full-screen image expansion effect when a user clicks a picture in a web browser. It functions as a responsive image overlay that transforms embedded media into high-definition zoomed views. The library supports swapping low-resolution image sources for high-definition versions specifically when the zoom effect is triggered. It allows for external elements to trigger the expansion and provides the ability to dynamically manage which images or groups of elements are zoomable. Users can customize the zoom o

react-native-reusables is a cross-platform mobile UI library and an accessible component kit used to build consistent interfaces across different screen sizes. It functions as a Tailwind CSS component library, providing pre-styled interface elements that utilize utility classes for styling and layout. The project enables cross-platform UI development for iOS and Android through a shared set of reusable visual components. It supports mobile interface prototyping and the creation of cohesive design systems by utilizing standardized, themeable interface elements to maintain uniform branding. Th

AndroidSwipeLayout is an Android UI library and custom view framework that enables the creation of layouts that reveal hidden action buttons when a user performs a swipe gesture. It functions as a gesture-based UI component that triggers callbacks based on the real-time position of the swipe. The framework is designed to support complex interaction patterns, specifically allowing for the nesting of multiple swipeable components within one another. The library covers mobile gesture interaction and custom view orchestration, providing tools to track swipe states and synchronize UI changes duri

NativeBase is a comprehensive toolkit of accessible components and responsive design frameworks used to build consistent mobile and web applications. It provides a cross-platform UI component library and a React Native component framework that enable the creation of layouts across Android, iOS, and the web from a single codebase. The system is distinguished by a responsive design system that automatically adjusts layouts and global themes to fit different screen sizes and color modes. It utilizes a utility-based styling approach, allowing developers to apply visual styles directly through com

Vue Native is a framework that compiles Vue.js single-file components into React Native primitives, enabling developers to build native iOS and Android applications using Vue syntax. At its core, it provides a build-time compiler that transforms Vue components into React components, while hooking Vue's dependency-tracking reactivity system into React's component lifecycle to trigger re-renders when observed data changes. The framework wraps React Native's native module bridge so Vue components can access device APIs through Vue's reactivity system, and maps Vue's component syntax to React Nat

This project provides component wrappers and managers that automate the synchronization between software keyboard visibility and the scroll position of active input elements. It is a cross-platform mobile keyboard scroll view designed to keep active text inputs visible above the software keyboard. The library functions as a keyboard-aware component wrapper that detects software keyboard events to prevent input fields from being obscured. It utilizes an automatic input focus scroller to calculate the necessary scroll position and maintain focus on the active cursor. The system covers mobile U

XPopup is an Android popup UI framework and overlay component library used to build customizable dialogs, bottom sheets, and overlay views. It serves as a dialog engine for creating high-performance popup views and provides a toolkit for executing entrance and exit transitions. The library is distinguished by its ability to render ultra-long, high-resolution images using memory-efficient loading and drag-to-dismiss interactions. It supports displaying overlay views while an application is in the background through system overlay permissions. The framework covers anchor-based positioning for

This project is a mobile UI component library providing a cross-platform carousel component for sliding images and content. It functions as a touch-based swiper interface that allows users to browse lists of items through swipe gestures. The library includes a specialized parallax image slider that shifts background images at different speeds to create a sense of depth. It provides a swiping interface component capable of handling large lists of items across both horizontal and vertical orientations. The toolset covers carousel layout management, position indicators to communicate the curren

SwipeBackLayout is an Android gesture navigation library that provides the mechanisms for implementing native-style edge-swipe interactions and view transitions. It functions as a swipe-to-dismiss layout manager and touch event interceptor, allowing users to return to previous screens through physical touch gestures. The library manages the visual transition between screens using a coordinate-based translation system. This includes the use of alpha scaling, view-hierarchy layering, and horizontal translation to maintain visual continuity during navigation. The system includes tools for defin

FDFullscreenPopGesture is an iOS navigation gesture library and UIKit enhancement designed to implement edge-swipe back navigation and automatic navigation bar transitions in iOS applications. It provides a category for navigation controllers that adds a fullscreen swipe-to-pop gesture matching the system interaction style. The library manages the synchronization of navigation bar visibility animations during fullscreen transitions. This ensures that view controllers which do not natively support edge-swipe navigation can utilize system-standard back gestures. The project covers user interfa

CRToast is an iOS toast notification library and animation framework providing customizable temporary alert views for mobile interfaces. It serves as a toolkit for displaying non-intrusive system-style alerts that appear over or push out the status and navigation bars. The library features a physics-based transition engine that controls how notification banners slide into the screen using spring and damping coefficients. It supports custom notification styling for typography and imagery, alongside a gesture-driven interaction model for handling taps and swipes. The project manages the full n

Recyclerlistview is a cross-platform virtualized list component for React Native and web. It functions as a cell-recycling UI library that reuses a small set of off-screen components by updating their data rather than creating new views for every item. The framework includes a dynamic grid layout engine that supports staggered grids and variable item heights, allowing for instant switching between list and grid view modes. The library provides capabilities for virtual scrolling management, including viewability tracking, sticky headers, and scroll position restoration. It also supports infin

React-Native-Elements is a cross-platform mobile UI toolkit and component library designed for the React Native framework. It provides a system of pre-styled visual components to build consistent user interfaces across mobile and web platforms using a single shared codebase. The framework enables the development of applications that run across different operating systems and web browsers while maintaining a unified look and feel. It supports rapid UI prototyping and application design by providing reusable building blocks that reduce the need to create every custom component from scratch.