react-native-3dcube-navigation
A React Native component for page swiping with a 3D cube transition effect, supporting both horizontal and vertical orientations.
What is react-native-3dcube-navigation?
react-native-3dcube-navigation is a React Native library that provides a page swiper component with a 3D cube transition effect. It allows developers to implement interactive, animated navigation between screens or views in mobile apps, using swipe gestures to rotate through content like a cube. The component solves the need for engaging, spatial navigation beyond standard flat transitions.
React Native developers building mobile applications who want to enhance user navigation with visually distinctive 3D animations, such as in onboarding flows, galleries, or multi-step interfaces.
Developers choose this library for its pure React Native implementation (no external dependencies), smooth 3D cube effects, and support for both horizontal and vertical orientations. It offers a unique, customizable alternative to basic swipers with built-in event handling and programmatic control.
Overview
react-native-3dcube-navigation is a React Native library that provides a page swiper component with a visually engaging 3D cube transition effect. It enables developers to create smooth, interactive navigation between views, enhancing the user experience in mobile applications with a distinctive spatial animation.
Key Features
- 3D Cube Transition — Implements a realistic 3D cube rotation effect when swiping between pages.
- Horizontal and Vertical Swiping — Supports both horizontal and vertical swipe orientations for flexible navigation layouts.
- Customizable Properties — Offers configurable options like
expandView,loop,scrollLockPage, and touch responder sensitivity. - Event Callbacks — Provides
callBackAfterSwipeandcallbackOnSwipefor tracking swipe events and page indices. - Programmatic Control — Includes a
scrollTomethod to navigate to specific pages programmatically with optional animation.
Philosophy
The library focuses on delivering a performant 3D navigation experience using only React Native's built-in libraries, avoiding external dependencies for a lightweight and native-feeling implementation.
Related Projects
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
