Hayler - Creative Portfolio HTML Template

Hayler 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. Built on the ClaPat Framework — a battle-tested front-end engine with over 15 years and 40,000+ sales behind it. No WordPress. No page builder. No Node.js. No build process. Open index.html and your website works — out of the box, from the first second. 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 Pages Included — 16 HTML Pages index.html — Full-screen parallax showcase slider hero, pinned list animation, portfolio grid with video hover, marquee section, cylinder scroll list, clients table portfolio-grid.html — Full portfolio grid with sort/filter by category, video on hover, layout switching (grid / list), portfolio thumbnail follower effect portfolio-carousel.html — Horizontal carousel showcase with cinematic full-screen slides portfolio-lists.html — Archive list format with showcase lists slider contact.html — Live clock, text rotator, pinned list rotator with images, contact form 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 Text Animations Text Mask Reveal — words reveal on scroll from a clipping mask Text Fill Scrub — text fills with color tied to scroll position Text Slide — text slides in on scroll Text Shuffle — characters shuffle before revealing Text Rotator — cycles through multiple words with animation Animated Counter — numbers count up when entering viewport Animated Underline — SVG underline draws in on scroll Components Marquee — infinite scrolling text with drag support and variable speed Cylinder List — 3D rotating list for services/skills Pinned List (5 modes) — direct scroll, stretch, top-reveal, brick, scale Pinned List Rotator — list items cycle with accompanying image Images Trail Effect — images appear trailing the cursor movement Clients Table with Slider — clients grid with prev/next navigation Live Clock — timezone-aware real-time clock for footer Scroll Rotate Element — elements rotate as page scrolls Animated Line — lines draw in on scroll Contact Form — PHP-powered, ready for configuration Header & Navigation Classic Menu with burger button, dropdowns, responsive collapse Fullscreen Menu — overlay navigation with animated entry Sticky Burger Button — stays visible while scrolling Dynamic Header Color — header inverts automatically based on section background Header Gradient — subtle gradient behind header for readability Dual Logo — black and white versions switch automatically Cursor Custom Cursor — magnetic, morphing cursor with multiple states Cursor Hover Effects — blur, solid, outline modes per element Cursor Info Text — shows contextual labels (Open, Drag, Discover…) Cursor Drag Indicator — activates in sliders automatically Cursor Magnetic Buttons — buttons attract the cursor on hover Preloader Animated Percentage Preloader — digit-slot style number animation 4-panel Reveal — animated curtain reveal after load Safety Timeout — auto-completes after 10 seconds if assets are slow Technical AI Context File included — structured .md with full template map, all variables, data-attributes, component examples, and ready-made AI prompts. Load once in Cursor, Copilot, or Claude — your AI understands the entire template instantly No Build Tools Required — open in browser and it works No Node.js, No npm, No webpack — pure HTML/CSS/JS CSS Variables — change colors, fonts, spacing from one file Fluid Typography — font sizes and spacing scale smoothly with viewport width Dark & Light Color Schemes — per-page background switching built in Retina Ready — sharp on all high-density displays Fully Responsive — tested on all screen sizes and devices Mobile-optimized — animations adapt or disable on touch devices Lazy Video Loading — videos load only when needed, no performance penalty SEO-ready structure — semantic HTML, canonical, meta tags, sitemap, robots.txt Google Analytics ready — gtag snippet included, just add your ID Facebook Pixel compatible — ad tracking works correctly with AJAX transitions htaccess included — performance and security rules sitemap.xml and robots.txt — ready to submit Well Documented — full online documentation at dedicated URL  

(Only For Premium Category Products !)

1. All digital products are the most recent version, with no possibility of free updates. After payment, you can request an update to the most recent version for 5 days if a new version is released. We free support within 5 days.

2. If a license is required (Excludes WHMCS license , we provide only method not license), please contact us via email or ticket for assistance with activation. Our license is only valid for activation and does not include support.

3. We provide Mobile, PHP script installation services for $19.90 / ₹1700. Please create a backup after installation as we do not support re-installation. For mobile app source code, we do not offer installation services.

4. If you have any questions, please contact us by email [email protected] or create a ticket on this page

5. Please note that any digital products presented on the website do not contain malicious code, viruses or advertising. You will receive the original files from the developers. We do not sell any products that have been downloaded from other websites.

6. The response time can last up to 6 hours.

(Only For Membership Category Products !)

Benefits of our Membership Plans

• Instant access to all plugins and all themes including all future releases
• Unlimited domain usage
• Regular Updates as of when available. Usually, updates are released daily.
• Before purchasing, please read the Terms and Conditions & Refund Policy.
• If you have any questions, please first read the FAQs.
• If you haven’t found the answer to your question, please contact us, and we will respond ASAP.
• Please note that any digital products on the website do not contain malicious code, viruses, or advertising. We buy the original files from the developers. We do not sell any products downloaded from other sites.
• Buy or download for FREE by subscribing to our VIP Membership Plan. Join the club of more than 1100+ happy members. This is the same theme as sold by the developer.

Updates:

• We offer frequent updates for one year from the date of purchase. After this period, you have to purchase the item again to receive further updates, we also offer lifetime updates as a second option.
• We regularly update products as soon as we are notified about an update, we go and download it from the author and update it on our site, but In case the current version of the product is not the latest, You can request an update for the product by contact form.
• We send regular emails advising when products have been updated so please be sure to provide an active email address when you sign up.

Support:

• Our support team is available 24/7, if you have any questions or need help in installing or configuring digital products purchased on the website, please don’t hesitate to contact form.
• Please note that we are not developers of the provided products, so our technical support capabilities are limited. We do not change product functionality and do not fix developer bugs.

For more information please read FAQs & About Us.

(Only For WHMCS Category Products !)

• We Only provide WHMCS Module, how you can  nulled any module step only !
• Instant access to all plugins and all themes 
• Unlimited domain usage
• Regular Updates as of when available. Usually, updates are released daily.
• Before purchasing, please read the Terms and Conditions & Refund Policy.
• If you have any questions, please first read the FAQs.
• If you haven’t found the answer to your question, please contact us, and we will respond ASAP.
• Please note that any digital products on the website do not contain malicious code, viruses, or advertising. We buy the original files from the developers. We do not sell any products downloaded from other sites.