Loading repository data…
5hreyanshPandey / repository
A high-performance, cinematic personal portfolio website built with Next.js, Framer Motion, and HTML5 Canvas.
A high-performance, cinematic personal portfolio website built with Next.js, Framer Motion, and HTML5 Canvas.
object-fit: cover logic ensures the canvas looks perfect on any device.Install dependencies:
npm install
Run the development server:
npm run dev
Open the browser: Navigate to http://localhost:3000.
/app: Application routes and components.
/components:
ScrollyCanvas.tsx: Core canvas rendering and scroll logic.Overlay.tsx: Scroll-linked text animations.Projects.tsx: Project grid with hover effects.SmoothScroll.tsx: Lenis scroll wrapper./public/sequence: Contains the frame sequence images (000.png to 074.png)./public/sequence/. Ensure they are named sequentially (000.png, 001.png, etc.).app/layout.tsx.tailwind.config.ts or app/globals.css.MIT License.
Selected from shared topics, language and repository description—not editorial ratings.
AndreiNeptune /
High-performance Attention Engineering archive utilizing Next.js, Framer Motion, and GSAP to deliver a premium, cinematically immersive portfolio experience.