Animate Bottom Sheet on Tap

This is a React + Vite project demonstrating an animated bottom sheet UI component with AI stylist functionality.

Original Design

The original Figma design is available at: https://www.figma.com/design/fQoAVigzWITzvphnGMfQEJ/Animate-Bottom-Sheet-on-Tap

Running the Code

1. Install dependencies:

   npm i

2. Start the development server:

   npm run dev

3. Open your browser to http://localhost:3000

Tech Stack

• React 18 - UI library
• Vite 6 - Build tool and dev server
• Motion (framer-motion fork) - Animation library
• Tailwind CSS - Styling
• TypeScript - Type safety
• Futura PT - Custom font family

Features

• Animated bottom sheet with peek and full states
• Product listing page (PLP) with search functionality
• AI stylist chat interface with conversation flows
• Product carousel with heart/like functionality
• Smooth animations and transitions