React application demonstrating CSS animations and transitions using react-transition-group.
This project showcases various animation techniques in React including CSS transitions, mounting/unmounting animations, and animated lists.
| Package | Version |
|---|---|
| React | 19.2.3 |
| React DOM | 19.2.3 |
| React Scripts | 5.0.1 |
| react-transition-group | 4.4.5 |
# Install dependencies
npm install# Start development server
npm startThe app runs at http://localhost:3000
# Create production build
npm run build- CSS Transitions with Transition component
- CSSTransition for class-based animations
- TransitionGroup for animated lists
- Modal animations
- Backdrop animations
src/
├── components/
│ ├── Backdrop/ # Backdrop component
│ ├── List/ # Animated list
│ └── Modal/ # Modal with animation
├── App.js # Root component
└── index.js # Entry point