Live Preview: jihed-hagui.vercel.app

Поднимите свою цифровую презентацию

Забудьте о скучных, плоских портфолио-сайтах.

Кинематографичный, интерактивный шаблон портфолио, созданный для разработчиков, дизайнеров, креативных технологов и цифровых художников, чья работа должна ощущаться как опыт.

На базе Next.js 14, Three.js, React Three Fiber, GSAP и Lenis объединяет реальные 3D-эффекты, погружённое движение, интерактивный звук и тщательно продуманные переходы в единый незабываемый цифровой опыт.

Создан, чтобы привлекать внимание, демонстрировать работу с эффектом и создавать тот первый впечатляющий момент, который выделяет вас из толпы.

Ключевые особенности

Real-Time 3D WebGL

Интерактивные 3D-опыты, поддерживаемые Three.js и React Three Fiber, с пользовательскими сценами, включая Череп, Конь шахматный и Мыслитель.

Оптимизированная отрисовка поддерживает отклик интерфейса, сохраняя визуальное качество 3D-сред.

Кинематографические анимации

GSAP ScrollTrigger, плавная прокрутка Lenis, Framer Motion, пользовательские физически вдохновлённые взаимодействия, эффекты листания карточек и кинематографические переходы создают портфолио, которое живет с первого скролла до последнего раздела.

Погружающий звуковой ландшафт

Встроенная система Web Audio добавляет атмосферный слой к процессу просмотра.

Интерактивная аудиоподсказка и тщательно интегрированный звуковой дизайн делают портфолио более похожим на цифровой опыт, чем на обычный сайт.

Лёгкая настройка

Разработан так, чтобы настраивать без борьбы с кодовой базой.

Обновляйте личную информацию, проекты, цвета, ссылки и другой контент, не нарушая архитектуру.

Готовая форма обратной связи

Интегрирована с Resend API для надежной доставки форм обратной связи.

Подключите ваши учетные данные электронной почты и начинайте принимать запросы напрямую через ваше портфолио.

Адаптивная производительность

Разработано с учётом работы на настольных ПК и мобильных устройствах.

Адаптивные настройки 3D, адаптивные макеты, оптимизированная отрисовка и контролируемая производительность в зависимости от устройства помогают сохранить плавность опыта на разных размерах экранов.

Чистый и хорошо комментированный код

Полностью на TypeScript и организован в чистую, модульную архитектуру.

Код внимательно комментирован на протяжении всего проекта, что облегчает понимание того, как работают разные системы и где вносить изменения.

Без раскрытых API-ключей. Без лишней сложности. Без беспорядочного исходного кода.

Полная документация

В проект включён отдельный файл README.

Он охватывает основные шаги по установке зависимостей, настройке проекта, запуску сервера разработки, настройке