Open-source alternatives to React Native Modal

This is a keyboard interaction library and manager for React Native that provides smooth animations, gesture-based dismissal, and event tracking. It serves as a cross-platform keyboard event bus, ensuring consistent keyboard show and hide behavior between iOS and Android. The project features an interactive animation driver that links native keyboard frame events directly to animated values to bypass bridge round-trips. It enables interactive keyboard dismissal via swipe gestures and includes a keyboard preloading system to eliminate first-show latency and input lag. The library provides com

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

PKRevealController is an iOS navigation framework and slide-over UI controller. It functions as a gesture-based interface library and hierarchical view controller manager that allows secondary screens to slide over a primary content area through touch interactions. The system organizes parent and child controllers into a layered navigation structure, translating touch input into coordinate offsets to animate transitions. It manages the width and positioning of side panels to control the available screen real estate. The framework provides capabilities for side panel layout management and vie

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 library provides a collection of reusable React hooks designed to simplify mobile development by abstracting complex native hardware interactions and system event monitoring. It enables developers to replace imperative platform-specific code with declarative functions that integrate directly into the component lifecycle, facilitating reactive state synchronization and automated resource management. The project distinguishes itself by providing specialized utilities for monitoring mobile-specific device states, such as screen orientation, keyboard visibility, and accessibility preferences

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

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 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

react-native-progress is a collection of visual components for cross-platform mobile applications designed to represent completion percentages and loading states. It provides a set of progress bars, circular indicators, and loading spinners for mobile environments. The library includes specific components for visualizing progress, such as a percentage progress pie, circular progress indicators with inner text, and linear progress bars. For active background processes, it provides animated loading spinners and activity spinners to signal ongoing tasks. These components support task completion

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,

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

This project is a cross-platform mobile blur library and a collection of native components used to render Gaussian blur and frosted glass effects in mobile applications. It functions as a native view hierarchy bridge that encapsulates platform-specific visual effect APIs to maintain performance during animations and transitions. The library includes a UI vibrancy toolkit designed to adjust contrast and saturation, ensuring that text and icons remain legible when placed over blurred backgrounds. It provides components for adding depth and translucent layers to mobile interfaces through native

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

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

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

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

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

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

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

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.

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 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

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

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

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

This project is a comprehensive CSS animation tutorial and a structured frontend animation course. It serves as a web motion learning resource designed to teach the implementation of visual transitions and animations within a browser. The resource provides a guide to CSS 3D animation, covering the rendering of three-dimensional scenes and depth. It includes instructions on motion design, ranging from scroll-triggered animations and sprite sheet animation to the creation of complex web interface animations. The material covers core capabilities such as manipulating element geometry, controlli