https://github.com/vikraman1653763/carousel-cards

Dynamic Animated Carousel with Framer Motion
https://github.com/vikraman1653763/carousel-cards

carousel carousel-slider css framer-motion react

Last synced: about 2 months ago
JSON representation

Dynamic Animated Carousel with Framer Motion

• Host: GitHub
• URL: https://github.com/vikraman1653763/carousel-cards
• Owner: vikraman1653763
• Created: 2024-11-08T10:10:43.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2024-11-08T11:14:01.000Z (about 2 months ago)
• Last Synced: 2024-11-08T11:22:45.724Z (about 2 months ago)
• Topics: carousel, carousel-slider, css, framer-motion, react
• Language: JavaScript
• Homepage:
• Size: 23.2 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Carousel-cards

Dynamic Animated Carousel with Framer Motion

This project is a simple but dynamic animated carousel built using React and Framer Motion, designed to showcase smooth transitions between multiple cards. Each card in the carousel features unique content and a distinct background color, offering a visually appealing and interactive user experience.

# Technologies Used

React: Component-based UI library for building the carousel.

Framer Motion: For smooth and customizable animations.

CSS: For additional styling and layout.

# Customization

Modify the cards array in the Exx component to add or update card content and colors.

Adjust animation settings (e.g., duration, easing) in the variants object or transition property for a personalized feel.

# Sample video

[sample.webm](https://github.com/user-attachments/assets/85dca2fe-5837-4377-b210-ae50d0688acd)