{"id":29064421,"url":"https://github.com/mayank181006/ochi.design-ui-clone","last_synced_at":"2026-03-27T02:37:56.937Z","repository":{"id":296960290,"uuid":"995123266","full_name":"Mayank181006/ochi.design-UI-Clone","owner":"Mayank181006","description":"Cloned UI of ochi.design an Awwwards Website","archived":false,"fork":false,"pushed_at":"2025-06-25T21:18:39.000Z","size":1702,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-25T22:29:42.487Z","etag":null,"topics":["framer-motion","gsap","locomotive-scroll","ochi-design","portfolio","react","tailwindcss","ui-clone"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Mayank181006.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-06-03T02:16:37.000Z","updated_at":"2025-06-25T21:17:05.000Z","dependencies_parsed_at":"2025-06-08T02:17:03.373Z","dependency_job_id":null,"html_url":"https://github.com/Mayank181006/ochi.design-UI-Clone","commit_stats":null,"previous_names":["mayank181006/ochi.design-ui-clone"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Mayank181006/ochi.design-UI-Clone","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mayank181006%2Fochi.design-UI-Clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mayank181006%2Fochi.design-UI-Clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mayank181006%2Fochi.design-UI-Clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mayank181006%2Fochi.design-UI-Clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Mayank181006","download_url":"https://codeload.github.com/Mayank181006/ochi.design-UI-Clone/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mayank181006%2Fochi.design-UI-Clone/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262227897,"owners_count":23278266,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["framer-motion","gsap","locomotive-scroll","ochi-design","portfolio","react","tailwindcss","ui-clone"],"created_at":"2025-06-27T09:02:22.578Z","updated_at":"2026-03-27T02:37:56.903Z","avatar_url":"https://github.com/Mayank181006.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🧠 Ochi.Design Clone\n\nA visual clone of [ochi.design](https://ochi.design) created using **React**, **Tailwind CSS**, **GSAP**, **Framer Motion**, and **Locomotive Scroll**. This project replicates the core layout, animations, and user experience of the original site as a learning and portfolio project.\n\n\u003e ❗ **Note:** This project is currently **not responsive** and is best viewed on desktop screens. Mobile responsiveness will be added in future updates.\n\n---\n\n## ✨ Features\n\n- 🎨 Pixel-perfect layout inspired by the original Ochi.design\n- 🎥 GSAP-powered timeline and scroll animations\n- 🌀 Smooth parallax scrolling with Locomotive Scroll\n- 💫 Interactive UI using Framer Motion\n- ⚛️ React component-based architecture\n- 💨 Tailwind CSS for utility-first styling\n\n---\n\n## 🧰 Tech Stack\n\n| Technology           | Role                                  |\n|----------------------|----------------------------------------|\n| **React**            | Core frontend library                  |\n| **Tailwind CSS**     | CSS framework for styling              |\n| **GSAP**             | High-performance animations            |\n| **Framer Motion**    | Motion components \u0026 transitions        |\n| **Locomotive Scroll**| Smooth scrolling and parallax effects |\n\n---\n\n## 📸 Screenshots\n\n### 🖼️ Hero Section\n![Hero](./screenshots/hero.png)\n\n### 🖼️ Marquee Section\n![Marquee](./screenshots/marquee.png)\n\n### 🖼️ Eyes Section\n![Eyes](./screenshots/eyes.png)\n\n### 🖼️ Projects Section\n![Projects](./screenshots/projects.png)\n\n### 🖼️ Footer Section\n![Footer](./screenshots/footer.png)\n\n\n---\n\n## 📜 Credits\n\n- Original Website: [ochi.design](https://ochi.design)\n- This project is a **personal clone** made for **educational and portfolio purposes only**.\n- All design rights, text, and assets belong to the creators of the original site.\n\n---\n\n## 🚀 Getting Started\n\nTo run this project locally:\n\n```sh\n# Clone the repository\ngit clone https://github.com/your-username/ochi-clone.git\n\n# Navigate into the project folder\ncd ochi-clone\n\n# Install dependencies\nnpm install\n\n# Start the development server\nnpm run dev\n```\n\nThen, open your browser and go to `http://localhost:5173` (or the port shown in your terminal).\n\n---\n\n## ⚠️ Known Limitations\n\n- ❌ Currently not responsive\n- 📱 Mobile scroll behavior not optimized\n- 🚧 Still improving UI consistency on smaller screens\n\n---\n\n## 🛠️ To-Do\n\n- [ ] Make the layout fully responsive\n- [ ] Optimize for mobile performance\n- [ ] Add a light/dark theme toggle\n\n---\n\n## 📄 License\n\nThis repository is licensed for **personal learning and non-commercial portfolio use only**.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmayank181006%2Fochi.design-ui-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmayank181006%2Fochi.design-ui-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmayank181006%2Fochi.design-ui-clone/lists"}