https://github.com/mayankpatidar275/ochi
Modern Animated Website using Reactjs. Visit at https://ochi-blush.vercel.app
https://github.com/mayankpatidar275/ochi
animation-css framer-motion locomotive-scroll modern-ui reactjs tailwindcss
Last synced: 4 months ago
JSON representation
Modern Animated Website using Reactjs. Visit at https://ochi-blush.vercel.app
- Host: GitHub
- URL: https://github.com/mayankpatidar275/ochi
- Owner: mayankpatidar275
- Created: 2024-11-28T17:19:29.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-12-09T07:03:11.000Z (10 months ago)
- Last Synced: 2025-02-23T21:42:54.472Z (8 months ago)
- Topics: animation-css, framer-motion, locomotive-scroll, modern-ui, reactjs, tailwindcss
- Language: TypeScript
- Homepage: https://ochi.mkpatidar.in
- Size: 40.9 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Ochi Modern Animated Responsive Website Clone
This project is a clone of the award-winning **Ochi** website, featured on [Awwwards](https://www.awwwards.com/). It replicates the sleek, modern design and engaging animations of the original, with a refined dark theme for added elegance.
## Features
- **Modern Design**: A clean and aesthetically pleasing layout inspired by the original Ochi website.
- **Smooth Scrolling**: Powered by [Locomotive Scroll](https://locomotivemtl.github.io/locomotive-scroll/) for seamless and immersive scrolling effects.
- **Dynamic Animations**: Implemented with [Framer Motion](https://www.framer.com/motion/) to bring the interface to life.
- **Responsive Layout**: Fully responsive design, ensuring compatibility across all devices.
- **Tailwind CSS**: Utilized for rapid and maintainable styling.
---
## Technologies Used
- **React.js**: Frontend framework for building the user interface.
- **Tailwind CSS**: Utility-first CSS framework for styling.
- **Framer Motion**: For implementing animations and transitions.
- **Locomotive Scroll**: To achieve smooth scrolling and scrolling effects.
---
## Getting Started
Follow the instructions below to set up and run the project locally.
### Prerequisites
Ensure you have the following installed on your system:
- Node.js (v18 or higher)
- npm or yarn package manager
### Installation
1. Clone the repository:
```bash
git clone https://github.com/mayankpatidar275/ochi.git
```
2. Navigate to the project directory:
```bash
cd ochi
```
3. Install dependencies:
```bash
npm install
# or
yarn install
```
4. Start the development server:
```bash
npm run dev
# or
yarn start
```
5. Open your browser and go to:
```
http://localhost:5173
```
---
Thank you for checking out the my project - Ochi Modern Animated Responsive Website Clone! 🌟