Projects sharing features with React Native Animated Charts

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 repository is a collection of reference implementations and sample projects that demonstrate high-fidelity animations and gesture-driven interface patterns for cross-platform mobile frameworks. It provides a library of demonstration code and interactive components to showcase advanced user interface patterns. The project focuses on mapping complex touch inputs to fluid visual animations and coordinated layout changes. These examples serve as prototypes for developing and testing complex interaction patterns to determine the feasibility of specific design behaviors in React Native. The i

React Native Gesture Handler is a declarative library that exposes the platform's native touch and gesture system to React Native, enabling smooth, deterministic gesture handling on the UI thread. It manages gesture recognition through a native state machine with defined transitions between states like BEGAN, ACTIVE, END, and CANCELLED, routing touch events through platform-native gesture recognizers on both iOS and Android. The library provides a comprehensive gesture composition framework that allows developers to combine multiple gestures into race, simultaneous, or exclusive sequences, co

React Native Chart Kit is a library of responsive charting components designed for rendering interactive data visualizations within cross-platform mobile applications. It provides a suite of UI elements that map data properties to visual representations, utilizing scalable vector graphics to maintain clarity across diverse screen densities and resolutions. The library distinguishes itself through a platform-agnostic layout engine that ensures consistent alignment and responsiveness across different mobile devices. It integrates directly with native touch event systems, enabling users to explo

Flot is an interactive charting library for jQuery that renders line, bar, pie, and time-series plots with zooming and panning. It provides interactive plots for engineering and scientific data with customizable axes, scales, and series styles, and supports real-time data updates. The library is built as a jQuery plugin with a canvas-based rendering pipeline and a plugin extension system that allows third-party code to add new chart types, interactions, and data transformations. The library distinguishes itself through a broad range of specialized chart types, including candlestick, bubble, r

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

PNChart is an iOS charting framework and data visualization library designed for rendering interactive visual data representations within native Apple mobile environments. It provides a toolkit for creating animated line and pie charts to illustrate data trends and proportional datasets. The library specializes in animated data representation, using motion effects and transitions to highlight information changes over time. It supports real-time chart data updates, allowing visualizations to reflect new information dynamically without rebuilding the entire user interface. The framework covers

Charts is a data visualization framework and charting library for iOS, tvOS, and macOS. It provides a set of graphical components used to render interactive line, bar, pie, and scatter charts to represent complex data sets. The project serves as an implementation of a charting library adapted specifically for the Apple ecosystem. It includes a rendering engine capable of plotting data points directly from database records. The framework covers a broad range of visualization capabilities, including interactive data exploration via zooming and panning gestures, visual style customization for c

React Native Raw Bottom Sheet is a cross-platform mobile UI component that renders custom sliding modal panels and action menus rising from the bottom of the screen. It provides a native application interface overlay designed for mobile app development to display custom content, menus, and forms. The component supports customizable sheet behavior, allowing developers to configure animation durations, custom dimensions, and visual styling for the root backdrop, container view, and draggable handles. Dismissal and interaction mechanics include backdrop mask interception, downward drag gestures,

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

React Native Hold Menu is a UI component library and cross-platform mobile framework providing a context menu widget for iOS and Android applications. It displays an interactive popup action menu when users press and hold a specific interface element, enabling quick action workflows within mobile applications. The library utilizes a native gesture-driven architecture to animate menu transitions and scale changes on the native UI thread. It includes dynamic layout calculations to compute menu positioning and prevent screen overflow during device rotation, window resizing, and orientation chang

React-Native-Elements is a cross-platform mobile UI toolkit and component library. It provides a collection of pre-built visual elements and a framework for building responsive, uniform layouts that render consistently across different mobile operating systems. The library focuses on mobile interface standardization and React Native frontend design. It enables rapid mobile prototyping by offering a shared set of common UI patterns, allowing developers to assemble functional interfaces without coding every component from scratch. The toolkit supports cross-platform UI development by ensuring

MPAndroidChart is an Android charting library and data visualization framework that provides a set of reusable view components for rendering statistical data. It enables the display of numerical datasets through various chart types, including line, bar, pie, radar, bubble, and candlestick charts. The library focuses on an interactive graphing workflow, allowing users to explore complex data sets through scaling, panning, and animations. It includes specific support for financial charting to track market trends and price movements, as well as tools for building mobile dashboards.

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

This project is a cross-platform UI component for React Native applications that provides a customizable overlay window for presenting content on top of existing application views. It serves as a library for managing animated modal components, backdrops, and mobile transitions. The component distinguishes itself through support for custom enter and exit animations and highly configurable backdrops, allowing for the adjustment of opacity, color, and the integration of custom elements. It also implements gesture-based dismissal, enabling users to close overlays via background taps or swipes in

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

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

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

WilliamChart is an Android data visualization library and toolkit used to render interactive charts and graphs within Android applications. It functions as a UI component library for integrating data-driven dashboards and metrics into Android layouts. The library includes a specialized component for representing proportional categorical data as donut charts, which are circular charts with hollow centers. It provides a drawing engine that uses low-level APIs to map numerical data to pixel coordinates on the screen.

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

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