Description
Hayler – Creative Portfolio HTML Template
Hayler – Creative Portfolio HTML Template is a premium creative portfolio HTML template built for designers, agencies, photographers, and studios who refuse to blend in. Powered by GSAP 3 and Lenis smooth scroll, it delivers cinema-quality animations, seamless AJAX page transitions, and immersive scroll effects — with zero build tools, zero Node.js, and zero configuration. Download, open in browser, launch.
Who is it for?
- Creative agencies that need a premium online presence
- Freelance designers and photographers building their portfolio
- Studios showcasing case studies and client work
- Developers who want a solid, clean HTML foundation to build on
Technology Stack
- GSAP 3 — the industry-standard animation engine, powering everything from scroll effects to page transitions
- Lenis — buttery-smooth scroll that elevates every interaction
- Vanilla JS — no jQuery, no heavy dependencies, just clean performant code
- Compatible Browsers: Chrome, Firefox, Safari, Edge — fully tested across all modern browsers
- Ad Tracking Compatible: Google Analytics, Facebook Pixel — snippets ready, just add your ID. Works seamlessly with AJAX page loads
Interactions & Animations
- AJAX Page Transitions — silky smooth page loads with custom transition covers, no full page reload
- Parallax Showcase Slider — full-screen hero slider with parallax depth effect
- Horizontal Carousel Showcase — cinematic swipe-to-navigate portfolio carousel
- Lists Showcase Slider — archive-style navigation slider
- Content Slider — looped carousel for project pages, light and dark variants
- Smooth Scroll — Lenis-powered scroll engine, consistent across all pages
- Parallax Effects — on hero media, footer, images, background elements
- Scroll Animations — elements animate as they enter the viewport
- Pinned Scroll Sections — content pins while page scrolls, cinematic effect
- GSAP ScrollTrigger — advanced scroll-linked animations throughout
Portfolio & Projects
- Portfolio Grid — filterable by category, full-screen thumbnails
- Portfolio Sort & Filter — Flip.js animated sort between categories
- Grid / List Layout Switch — toggle view with smooth Flip animation
- Video on Hover — portfolio items play video on hover, lazy loaded
- Thumbnail Image Follower — images follow the cursor on portfolio hover
- 7 Unique Case Study Layouts — pre-built project page structures designed for problem/solution storytelling, each with a different visual approach
- Pinned Project Navigation — next project preview pinned while scrolling
- Auto-trigger Navigation — auto-navigates to next project at scroll end
- Flip Title Transition — project title morphs into next page hero title
- Zoom Gallery — fullscreen zoom on click for project images
- Inline Video Player — custom-styled HTML5 video with controls
- Client Showcase Section — clients table built for credibility, with prev/next navigation
- Testimonials-ready Layout — space designed for social proof, fits naturally in any content row
