https://github.com/vikash0064/ochi.studio
Modern portfolio website built with React, Tailwind CSS, and Framer Motion for smooth animations and responsive design.
https://github.com/vikash0064/ochi.studio
animation framer-motion framer-motion---for-animations modern-web-design portfolio react responsive-ui tailwindcss tailwindcss-v3 vercel-deployment
Last synced: 2 months ago
JSON representation
Modern portfolio website built with React, Tailwind CSS, and Framer Motion for smooth animations and responsive design.
- Host: GitHub
- URL: https://github.com/vikash0064/ochi.studio
- Owner: vikash0064
- Created: 2025-09-02T05:01:55.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-10-06T06:09:08.000Z (9 months ago)
- Last Synced: 2025-10-24T10:39:02.748Z (8 months ago)
- Topics: animation, framer-motion, framer-motion---for-animations, modern-web-design, portfolio, react, responsive-ui, tailwindcss, tailwindcss-v3, vercel-deployment
- Language: HTML
- Homepage: https://ochi-studio.vercel.app
- Size: 2.54 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Ochi Studio
**Ochi Studio** is a creative UI project built with **React**, **Vite**, **TailwindCSS**, **Framer Motion**, **GSAP**, and **Locomotive Scroll**. It delivers a visually engaging experience with smooth scroll animations and responsive design.
**Live Demo:** [https://vikash0064.github.io/ochi.studio](https://vikash0064.github.io/ochi.studio)
---
## Table of Contents
- [Features](#features)
- [Tech Stack](#tech-stack)
- [Project Structure](#project-structure)
- [Getting Started](#getting-started)
- [Deployment](#deployment)
- [Vite Configuration (GitHub Pages)](#vite-configuration-github-pages)
- [Contributing](#contributing)
- [License](#license)
---
## Features
- Smooth scroll effects with **GSAP** and **Locomotive Scroll**
- Dynamic animations using **Framer Motion**
- Lightning-fast development with **Vite**
- Fully styled with **TailwindCSS**
- Clean, responsive, and production-ready interface
---
## Tech Stack
| Category | Tools/Technologies |
|-------------------|---------------------------------------------|
| Frontend | React (latest) |
| Build Tool | Vite |
| Styling | TailwindCSS |
| Animation | Framer Motion, GSAP |
| Scroll Effects | Locomotive Scroll |
| Deployment | GitHub Pages via `gh-pages` |
| Configuration | Vite config with `base` path for deployment |
---
## Project Structure