🔴 Live Demo: https://akshat3410.github.io/videoeditor-portfolio/
A premium, high-performance portfolio website designed for professional video editors. Built with React, GSAP, and native CSS, featuring a "Midnight Aura" cinematic aesthetic, smooth parallax animations, and optimized mobile interactions.
- Midnight Aura Theme: Deep "Void Black" (
#030305) background with "Electric Violet" (#6C5CE7) and "Cyber Cyan" (#00F0FF) neon accents. - Cinematic Experience: Distraction-free dark interface that makes video content pop.
- GSAP Animations:
- Smooth entry animations (staggered fade-ups, text reveals).
- Mouse-driven and scroll-driven parallax background blobs ("Light Leaks").
- Complex pinned scroll animations (Desktop).
- Mobile Optimized:
- Native horizontal swipe scrolling for the "Featured Work" reel.
- Touch-friendly card sizing and layout adaptations.
- Performance: Zero external UI libraries—pure CSS and GSAP for maximum speed.
- Contact Form: Styled, functional-looking input layout.
- React: UI Architecture (Functional components + Hooks)
- GSAP (GreenSock): Advanced animations, ScrollTrigger, and timeline management.
- CSS3: Custom variables, Grid/Flexbox layouts, scroll-snapping, and glassmorphism.
- Vite: Next-gen frontend tooling.
- Node.js (v14+)
- npm or yarn
- Clone the repository:
git clone https://github.com/akshat3410/videoeditor-portfolio.git
- Navigate to the project directory:
cd videoeditor-portfolio - Install dependencies:
npm install
Start the development server:
npm run devThe application will be available at http://localhost:5173.
| Color Role | Hex Code | Visual Logic |
|---|---|---|
| Void BG | #030305 |
Infinite depth, cinematic feel |
| Surface | #0E0E12 |
Matte separation for cards |
| Primary Brand | #6C5CE7 |
Electric Violet (Creativity/Royalty) |
| Highlight | #00F0FF |
Cyber Cyan (Tech/Precision) |
| Text Main | #FDFDFD |
Studio White for legibility |
This project is open source and available under the MIT License.