A React Native component that implements folding cell animations with customizable expand/collapse behavior.
React Native FoldView is a React Native component that implements a folding cell animation for iOS. It provides a smooth 3D folding effect to expand and collapse content, inspired by a popular Dribbble design, offering a visually engaging way to reveal hidden information.
React Native developers building iOS applications who need to implement interactive, animated content reveal patterns with a paper-like folding effect.
Developers choose React Native FoldView for its customizable, smooth 3D folding animations and simple API that integrates seamlessly into React Native apps, with support for nested folding sequences and fine-grained control over animation behavior.
FoldView implemented in JavaScript ⛱
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Implements a visually engaging folding effect with control over flip duration and perspective, as demonstrated in the GIF and documented in the props table.
Supports nested FoldViews and allows fine-grained control over expand/collapse behavior through root-only props like expand and collapse, enabling complex animation patterns.
Offers a straightforward component API with callback hooks (onAnimationStart/End) for animation lifecycle events, making it easy to integrate into React Native iOS apps.
Enables multi-level folding sequences, as shown in the example app, allowing for intricate content reveal patterns without additional libraries.
Due to React Native's overflow style constraints on Android, the component is not supported on Android, severely limiting its use to iOS-only projects as admitted in the Platform Support section.
Hacking on the library requires a workaround with npm run watch due to lack of symlink support in React Native packager, adding overhead for contributors or custom modifications.
Focused solely on a specific animation type, it has limited broader adoption; the README encourages contributions, but recent activity may be sparse, risking long-term support.