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

What Makes Hayler Different

Other templates give you animations. Hayler gives you a choreography. Every transition, every scroll effect, every hover interaction is designed as part of a whole — not assembled from separate plugins. The result feels like a single, cohesive experience, not a collection of effects.

Built on a framework with 15 years and 40,000+ sales. Hayler is powered by the ClaPat Framework — the same engine behind themes with thousands of 5-star reviews on Themeforest since 2009. The code is clean, documented, and built to last.

No tools. No friction. No excuses. While competitors require npm, webpack, or a local server setup just to see the template — Hayler opens in any browser, from any folder, in 30 seconds. That’s not a compromise. That’s a feature.

Documentation that’s actually useful. No PDF buried in a zip folder from 2019. Full online documentation, always up to date, searchable, readable on any device. Every component explained with real examples.

Support that actually answers. Dedicated helpdesk forum — not Themeforest comment threads where questions get buried. Real responses, within 24-48 hours.

Dark and light — your choice, per page. Not a single global toggle. Each section, each page can have its own color scheme — and the header adapts automatically. No CSS hacks needed.

Infinite scroll portfolio — without a backend. AJAX portfolio navigation built in pure HTML. Visitors browse your work without ever reloading a page, without WordPress, without a database. Just files.

Built for AI-Assisted Development

Hayler ships with a dedicated AI Context File — a structured .md document that gives any AI code editor a complete map of the template: file structure, all CSS variables, data-attributes, component patterns, and ready-to-use prompts for the most common customization tasks.

Load it once in Cursor, GitHub Copilot, or Claude — and your AI assistant understands the entire template instantly. Customizations that used to take hours of reading source code take minutes.

• Complete file and folder map with descriptions
• Every CSS variable from variables.css — colors, fonts, spacing, cursor, breakpoints
• All data-attributes and what they control
• Every component with copy-paste HTML examples
• Step-by-step guide for adding new pages
• Ready-made prompts: “Change the accent color”, “Add a new page”, “Replace the hero title”

This is the first HTML creative template on Themeforest with a dedicated AI workflow built in.

Why HTML Over No-Code Platforms

No-code website builders look appealing until you read the fine print.

• You own the code. Completely. Framer, Webflow, and similar platforms generate code you cannot fully control. You’re locked into their ecosystem, their hosting, their pricing, their future decisions. With Hayler, you download HTML files. They’re yours. Forever. Host them anywhere — shared hosting, VPS, CDN, your own server — for as little as $5/month.
• No monthly platform fees. No-code platforms charge $15-$39/month just to keep your site online, on top of the template price. Hayler is a one-time purchase. Your hosting cost is your only recurring expense.
• Animations they cannot replicate. GSAP ScrollTrigger, Lenis smooth scroll, magnetic cursor — these are not available in no-code tools. The difference is visible the moment someone opens the demo.
• Full developer access. Every line of CSS, every JavaScript function, every HTML element — open, readable, modifiable. No proprietary editors, no locked components, no “upgrade to Pro to access this feature.”
• Speed without compromise. No runtime frameworks, no JavaScript overhead from a visual builder. Hayler loads fast because it’s clean HTML, CSS, and JavaScript — exactly what browsers are optimized for.

Documentation

Full documentation is available online — not buried in a PDF. Most templates ship a thin, outdated PDF hidden in a zip folder. Hayler’s documentation lives at a dedicated URL, always up to date, always searchable, always readable on any device.

View Full Documentation →

• Getting Started — from download to live website
• File Structure — every file and folder explained
• Customization — colors, fonts, logo, preloader, navigation
• Adding New Pages — step-by-step from blank.html
• Components Reference — every component with real code examples
• Changelog — every update documented

Support

Support for Hayler is handled through a dedicated helpdesk forum — not buried in Themeforest comment sections where questions get lost and answers are hard to find. Support is included for 6 months from purchase date, with the option to extend.

Access the Helpdesk →

• Getting the template up and running
• Questions about any feature or component
• Bug reports and fixes
• Help understanding the code structure
• Guidance on customization

Built by ClaPat — a Power Elite Author on Themeforest since 2009, with 40,000+ sales and a 4.47 average rating across 1,600+ reviews.

Credits

• GSAP by GreenSock — gsap.com
• Lenis by Studio Freight — github.com/darkroomengineering/lenis
• Font Awesome — fontawesome.com
• Demo images are NOT included. Sources: Unsplash, Pexels

Changelog

• v1.0 — Initial Release — 16 HTML pages, full feature set as described above

Main Features

• Modern and Clean Design
• Based on Bootstrap
• jQuery
• 100% Responsive
• Easy to Customize
• Fonts Awesome Icons
• linea Icons
• Free Google Fonts.
• Awesome Unique Look
• Well Documentation
• Free Updates
• Displays well in all modern browsers and devices

What do you get?

• Demo content.
• Documentation

Sources and Credits:

• jQuery
• bootstrap
• Swiper carousel
• ScrollIt
• parallaxie
• magnificPopup

Fonts:

• Poppins
• Roboto

Images:

• Pexels
• Unspalsh

Note:

• Images are only for demo purpose and not included with the download bundle.

Main Features

• Modern and Clean Design
• Based on Bootstrap
• jQuery
• 100% Responsive
• Easy to Customize
• Fonts Awesome Icons
• linea Icons
• Free Google Fonts.
• Awesome Unique Look
• Well Documentation
• Free Updates
• Displays well in all modern browsers and devices

What do you get?

• Demo content.
• Documentation

Sources and Credits:

• jQuery
• bootstrap
• Swiper carousel
• ScrollIt
• parallaxie
• magnificPopup

Fonts:

• Poppins
• Roboto

Images:

• Pexels
• Unspalsh

Note:

• Images are only for demo purpose and not included with the download bundle.

Whether you are launching a digital studio, a construction site, or a professional portfolio, Wexo provides the ultimate toolkit to build a high-converting website without touching a single line of code.

13+ Professional Niche Demos Included

• Branding Agency
• Business Agency
• Construction
• Consulting
• Corporate Agency
• Digital Studio
• Finance
• IT Business
• Manufactory
• Marketing Agency
• Personal Portfolio
• Roofing
• Solar

Main Features

• Ready Homepages: 13+ unique designs for various industries.
• Advanced Builders: Includes Header and Footer builders for total control.
• Drag & Drop: Build complex layouts easily with our intuitive page builder.
• One-Click Demo Import: Get your site running exactly like our preview in seconds.
• Live Customizer: Powered by the Redux framework for real-time styling.
• Modern Framework: Built with Bootstrap and Sass for fast, clean code.
• Fully Responsive: 100% mobile-friendly and Retina ready.
• WordPress 6.x Ready: Fully compatible with the latest WordPress engine.
• Ajax Contact Form: Fully functional and easy to configure.
• Clean & Minimal: Designed for readability and professional appeal.
• Extensive Icon Library: Font Awesome and Google Fonts integration.
• Cross-Browser Support: Displays perfectly on Chrome, Firefox, Safari, and Edge.

What Do You Get?

• Full Demo Content
• Online Documentation
• Lifetime Free Updates
• Professional Support

Server Configuration Limits

To ensure a smooth demo import, we recommend the following settings:

• max_execution_time: 180
• memory_limit: 128M
• post_max_size: 32M
• upload_max_filesize: 32M

Sources and Credits

• jQuery & Bootstrap
• Swiper Carousel
• ScrollIt
• Fonts: DM Sans, Geologica
• Images: Pexels and Unsplash

Note: Images used in the demo are for preview purposes only and are not included in the main download package.

Whether you are launching a digital studio, a construction site, or a professional portfolio, Wexo provides the ultimate toolkit to build a high-converting website without touching a single line of code.

13+ Professional Niche Demos Included

• Branding Agency
• Business Agency
• Construction
• Consulting
• Corporate Agency
• Digital Studio
• Finance
• IT Business
• Manufactory
• Marketing Agency
• Personal Portfolio
• Roofing
• Solar

Main Features

• Ready Homepages: 13+ unique designs for various industries.
• Advanced Builders: Includes Header and Footer builders for total control.
• Drag & Drop: Build complex layouts easily with our intuitive page builder.
• One-Click Demo Import: Get your site running exactly like our preview in seconds.
• Live Customizer: Powered by the Redux framework for real-time styling.
• Modern Framework: Built with Bootstrap and Sass for fast, clean code.
• Fully Responsive: 100% mobile-friendly and Retina ready.
• WordPress 6.x Ready: Fully compatible with the latest WordPress engine.
• Ajax Contact Form: Fully functional and easy to configure.
• Clean & Minimal: Designed for readability and professional appeal.
• Extensive Icon Library: Font Awesome and Google Fonts integration.
• Cross-Browser Support: Displays perfectly on Chrome, Firefox, Safari, and Edge.

What Do You Get?

• Full Demo Content
• Online Documentation
• Lifetime Free Updates
• Professional Support

Server Configuration Limits

To ensure a smooth demo import, we recommend the following settings:

• max_execution_time: 180
• memory_limit: 128M
• post_max_size: 32M
• upload_max_filesize: 32M

Sources and Credits

• jQuery & Bootstrap
• Swiper Carousel
• ScrollIt
• Fonts: DM Sans, Geologica
• Images: Pexels and Unsplash

Note: Images used in the demo are for preview purposes only and are not included in the main download package.

cuxp is a new portfolio concept for creative agencies and freelancers. Graphic designers, illustrators, photographers or any kind of creative is now able to create a quick and easy portfolio to showcase their work with a distinctive and creative touch.

Full Features List

• 100% Responsive
• Nice and Clean Design
• Clean and commented code
• Valid HTML5 / CSS3
• 20+ All Pages
• 10+ Home Pages
• Easy to customize
• Flexible and multi-purpose
• Google fonts
• HTML & CSS & JS files are included
• Amazing 5 stars support
• Detailed documentation

Sources and Credits

• Twitter Bootstrap
• jQuery
• Slick Slider
• Magnific-popup

Fonts Used

• Poppins and Fjalla One Google Fonts

Icons Used

• Free fontawesome by fontawesome.

Image Credits

• Behance
• unsplash

Please Note:

• All images are just used for Preview Purpose Only. They are not part of the html templates and no included in the final purchase files.

The template includes a wide range of reusable components and multiple UI elements, allowing you to quickly build and customize layouts without starting from scratch. Every section is thoughtfully structured to ensure flexibility, consistency, and ease of use.

Key Features

• HTML5 & React Versions Included
• 5 Pre-Built Demo Layouts
• Creative & Unique Design
• W3C Validated & Clean HTML Code
• Fully Responsive Layout
• Built with Bootstrap 5
• React 18 + Vite (Fast Performance)
• Reusable Components & UI Elements
• Well-Structured Code
• Modular SCSS Architecture
• Gulp Build System
• Easy to Customize
• SEO Optimized
• Cross-Browser Compatible
• Fast Loading Speed
• Detailed Documentation Included
• Developer Friendly Code
• Free Updates & Support

Version 1.0 March 26 2026

--Released -- Designhub - Digital Agency Portfolio & Business HTML5 + React Template

Note

Browsers: Works well in all the latest browsers like Chrome, Firefox, Safari, and Edge.

General: All images are used for preview purposes only. They are not included in the final download package. This template does not include any backend or database functionality.

Plugins: All third-party plugins are used under their respective licenses. Support is provided only for the versions included in this template.

Bootstrap 5: The HTML version is built using Bootstrap 5 with SCSS. Components are customized to match the template design.

Framework Code: Designhub includes HTML and React versions. Additional technologies may be considered in future updates.

Sable is a WordPress theme crafted for photographers, artists, designers, and independent makers. Built around a dark, editorial aesthetic, Sable gives your portfolio the visual weight it deserves — with cinematic layouts, smooth animations, and a design language that puts your work front and center.

All demo content can be imported with a single click, and the theme package includes 6 months of support.

No coding required.

Make a lasting impression with Sable, the essential WordPress theme for creative professionals who take their work seriously. Whether you are a photographer, a visual artist, an independent designer, or a creative studio, Sable gives you the tools to present your work beautifully and convert visitors into clients. Explore the live demo here.

Why Sable is Perfect for Creative Professionals

Sable is more than a theme — it is a complete portfolio solution designed to showcase your work with confidence and style.

• Multiple Portfolio Layouts – Display your projects in bold grid, masonry, vertical, and fullscreen layouts built to impress.
• Photo and Video Support – Showcase photography series, video reels, and mixed media projects with full gallery and lightbox support.
• Shop Integration – Sell prints, digital files, services, or products directly from your portfolio with seamless WooCommerce support.
• Agency and Studio Ready – Present your team, services, and client work with dedicated agency demo layouts.
• Dark-First Editorial Design – A carefully crafted dark aesthetic with cinematic typography and smooth GSAP-powered animations.
• Built for Elementor – Customize every section using powerful, creator-focused Elementor widgets. No coding required!
• Multiple Demo Concepts – Ready-to-import demos for photographers, designers, artists, agencies, and online shops — each with its own visual identity.
• Optimized for Performance – Clean, lightweight code with SEO-friendly structure to help your portfolio get found.

Additional Key Features

• Slider Revolution plugin ($109 value) included
• Import demo content with one click and start customizing right away
• All images included, allowing you to launch with beautiful visuals instantly
• Elementor templates included for seamless customization

Ready to Elevate Your Creative Portfolio?

Explore the Live Demo

Stay Connected

Follow us on social media and subscribe to our newsletter for updates and exclusive offers!

Subscribe to the WolfThemes Newsletter

Stay updated on our latest themes and exclusive offers by joining our community.
SUBSCRIBE

Changelog

View update logs

Notes

View server requirements

Knowledge Base

View our Knowledge Base

Mistral is a modern and immersive portfolio template designed for photographers, creative studios, and visual storytellers. Built with performance and aesthetics in mind, it combines clean layouts with smooth GSAP-powered animations to create a refined browsing experience.

From cinematic hero sections to subtle scroll reveals and parallax effects, every detail is crafted to elevate visual content without distraction.

Perfect for showcasing photography, editorial work, travel projects, or creative direction.

Features

• Fully responsive and mobile-optimized design
• Built with HTML5, CSS3, and vanilla JavaScript
• Smooth GSAP + ScrollTrigger animations
• Parallax effects for immersive storytelling
• Clean and minimal layout structure
• Cross-browser compatibility
• Well-organized and commented code
• Easy to customize and adapt

Technologies Used

• HTML5
• CSS3
• JavaScript (ES6)
• GSAP + ScrollTrigger
• OwlCarousel
• Lenis (smooth scrolling)

Suitable For

• Photographers
• Creative studios
• Freelancers
• Travel and editorial projects
• Agencies

A fully responsive ReactJS template with a modern design suitable for all creative fields.

Brandex is a fully responsive ReactJS template with a modern design suitable for all creative fields. The template is featuring a powerful fullscreen background video and imagery making it a perfect choice for photographers, artists and designers who want to showcase their work.

Features

• 16 Style Variations
  • Fullscreen Parallax Image Slider Background [4 Styles Available]
  • Fullscreen Parallax Image and Video Slider Background [4 Styles Available]
  • Fullscreen Single Image Background [4 Styles Available]
  • Fullscreen HTML5 Video Background [4 Styles Available]
• Available Content Pages [as a Part of the One Page Template]
  • Home Page
  • About Page
    • Team Page
    • Know-how Page
  • Services Page
    • Services Details Page
  • Works Page
    • Works Details Gallery Page
  • Office Gallery Page
    • Office Testimonial & Video Page
  • News Page
    • News Details Page [a Total of 4 Pages]
  • Contact Page
    • Contact Form Page
    • Google Maps Location Page
  • Footer Page
• 3 Columns
• One Page Layout
• Animated Waves Effect
• Company Logo Space
• Touch-Friendly Responsive Image and Video Gallery
• Testimonial Rotator
• Animated Facts Counter
• Animated Skills Bar
• Contact Form with Validation
• Google Maps Location
• Animated Content Changer with Smooth Transition Effect
• Responsive Layout to Fit Any Screen Size
• Social Media Profiles Support
• jQuery Animation Effects
• CSS3 Animation Effects
• File Types [Included in the Download]
  • HTML Files
  • CSS Files
  • SCSS Files
  • JS Files
• Google Fonts [Imported Files]
  • Raleway
  • Montserrat
• Demo Image Resources [Not Included in the Download]
  • Unsplash
  • Pixabay
  • Pexels
• React v19
• Vite v7
• React Router DOM v7
• React Helmet Async v2.0.5
• World Wide Web Consortium (W3C) Valid HTML5 Code
• Multi-Browser Support
• Detailed Documentation (User Guide)

Ex Nihilo Must-Haves