reactjs/react-transition-group

Features

• React Libraries - Provides a specialized set of components for managing CSS animations during the mount and unmount lifecycles in React.
• Animation Transition Components - Provides wrapper components that manage the entry and exit lifecycle of elements using CSS class sequences.
• React Animation Libraries - Acts as a specialized animation library for the React ecosystem focusing on entry and exit transitions.
• Transition Sequencing Controls - Provides configuration and logic to manage the specific timing and order of elements entering and leaving the screen.
• Animation Orchestrators - Orchestrates the timing and sequence of multiple elements entering and exiting the screen to create complex patterns.
• DOM Persistence - Ensures components remain in the DOM until exit animations are finished before being fully removed.
• Component Transitions - Offers declarative, state-based transitions specifically bound to the React component lifecycle.
• Dynamic Class Management - Dynamically applies and toggles CSS classes to track and trigger the visual states of components.
• CSS Class-Based Styling - Provides a system for triggering browser animations by toggling semantic CSS class names based on component lifecycle events.
• Transition Wrappers - Provides specialized containers that wrap child components to orchestrate the timing and visibility of entry and exit animations.
• State Transition Controllers - Applies transition durations and sequences to state changes to guide user attention during UI updates.
• Route Transition Managers - Triggers visual animations specifically when switching between different URL routes in a React app.
• List Transition Animations - Coordinates the synchronized animation of multiple elements entering or leaving the screen within a group.
• Auto-Animation Transitions - Automatically triggers visual transitions between different views based on route changes.
• View Transitions - Coordinates smooth animations and effects during navigation transitions between pages.
• Route-Driven Animations - Synchronizes page swap animations by monitoring changes in route properties.

Star history