piton
piton
Karga
[03]

Karga

2026
Клиент
Piton
Год
2026
Объём
Front-end development, page transitions, responsive UI
Роль
Front-end Development
Сайт онлайн
§ Детали проекта

Karga — Концепт портфолио фотографа на Next.js — вращающиеся жалюзи на первом экране, переходы-жалюзи между страницами и движение фотографий при прокрутке.

Karga — концепт портфолио фотографа, который мы с нуля воссоздали на Next.js, взяв дизайн Louver за образец. Первый экран из вращающихся жалюзи — 20 панелей на десктопе и 10 на мобильных — переключается автоматически, перетаскиванием, свайпом и с клавиатуры; архив работ, фильтры по категориям и 12 страниц проектов связаны переходами в виде жалюзи.

Анимации букв, кадрирование и зум фотографий, параллакс, магнитные кнопки и курсор-последователь написаны на React и CSS Modules без сторонних библиотек анимации. Настройка уменьшения движения и адаптивная вёрстка с тремя контрольными точками заложены с самого начала. Проект опубликован на Vercel под именем Karga как концепт фронтенд-разработки на основе дизайна Louver.

Next.jsReactCSS ModulesAnimationResponsive