🌙 ochi.design Dark Theme Clone with React, Vite, Tailwind CSS, Locomotive Scroll, and GSAP

Project Preview

🌟 Description

Recreated the captivating ochi.design website with a sleek dark theme using React, Vite, Tailwind CSS, Locomotive Scroll for smooth scrolling effects, and GSAP for engaging animations. This project mirrors the original's aesthetic while offering a modern dark mode experience, enhanced with seamless transitions and eye-catching animations.

✨ Features

• Dark Mode: Enhanced usability in low-light environments with a stylish dark color palette.
• Responsive Design: Ensured seamless performance across various devices and screen sizes.
• Tailwind CSS: Streamlined styling with Tailwind CSS utility-first framework for rapid development.
• Locomotive Scroll: Implemented smooth scrolling with Locomotive Scroll for a polished user experience.
• GSAP Animations: Utilized GSAP for stunning animations that bring the interface to life.
• Component Reusability: Leveraged React's component-based architecture for scalability and code maintainability.
• Optimized Build: Utilized Vite for fast refresh and optimized production builds.

🚀 Technologies Used

React, Vite, Tailwind CSS, Locomotive Scroll, GSAP, JavaScript, HTML5, CSS3

📝 How to Use

1. Clone the repository: [https://github.com/mooosakhan/ochi.design_clone.git]
2. Install dependencies: npm install
3. Start the development server: npm run dev
4. Open localhost:3000 in your browser.

🤝 Contributions

Contributions are welcome! Feel free to fork the repository and submit pull requests for enhancements or bug fixes.

🙏 Acknowledgments

• Original design inspiration from ochi.design
• Built with ❤️ by Moosa