Skip to content

A React-based modern UI clone of the Ochi.design website using Tailwind CSS, Framer Motion, and GSAP. Showcases smooth animations, interactive transitions, and a professional portfolio-style layout.

Notifications You must be signed in to change notification settings

avadhutmali/Ochi-react

Repository files navigation

🧿 Ochi Creative Agency Clone (React)

A modern UI/UX clone of the Ochi.design agency website built with React.js and animation libraries. Designed to demonstrate smooth transitions, interactive elements, and beautiful layouts inspired by cutting-edge web design.


✨ Features

  • ⚛️ Built with React (Vite)
  • 🎬 Smooth scroll animations using Framer Motion and GSAP
  • 🧭 Page transitions & hover effects
  • 🖼️ Animated carousels and overlays
  • 💻 Fully responsive design

🛠️ Tech Stack

  • React.js
  • Tailwind CSS
  • Framer Motion
  • GSAP
  • React Router DOM
  • Vite

📁 Folder Structure

Ochi-react/
├── public/
├── src/
│   ├── assets/
│   ├── components/
│   ├── pages/
│   ├── App.jsx
│   └── main.jsx
├── index.html
└── README.md

⚙️ Getting Started

1. Clone the Repository

git clone https://github.com/avadhutmali/Ochi-react.git
cd Ochi-react

2. Install Dependencies

npm install

3. Start Development Server

npm run dev

Open http://localhost:5173 in your browser to view the app.


📸 Screenshots

Add screenshots of homepage, transitions, or interactions here


📌 Future Improvements

  • Add loading animations
  • Optimize performance
  • Deploy live version
  • Add scroll-based navigation highlights

👨‍💻 Author

Avadhut Mali
GitHub


📝 License

This project is licensed under the MIT License.

About

A React-based modern UI clone of the Ochi.design website using Tailwind CSS, Framer Motion, and GSAP. Showcases smooth animations, interactive transitions, and a professional portfolio-style layout.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published