piton
piton
Karga
[03]

Karga

2026
Client
Piton
Year
2026
Scope
Front-end development, page transitions, responsive UI
Role
Front-end Development
§ Case Study

Karga — Photographer portfolio rebuilt in Next.js — rotating louvre hero, louvre page transitions and scroll-driven photo motion.

Karga is a photographer portfolio concept we rebuilt from scratch in Next.js using Louver as the design reference. The louvre hero — 20 rotating panels on desktop, 10 on mobile — runs on autoplay and responds to dragging, swipes and the keyboard; the Work archive, category filters and 12 project pages are linked by louvre-style page transitions.

Letter animations, photo crop and zoom, parallax, magnetic buttons and a follower cursor are written in React and CSS Modules without an external animation library. Reduced-motion preferences and a three-breakpoint responsive layout were planned from the start. Published on Vercel under the Karga name, this is a front-end development concept based on the Louver design.

Next.jsReactCSS ModulesAnimationResponsive