Professional manual structural setup for elite aesthetics, WebGL performance, and seamless user experiences.

01. Overview & Core Features

ZYLYF is a modern premium HTML template designed for elite creative agencies, digital studios, branding teams, and visual showcase websites. Its design language combines brutalist typography, Aetheris WebGL engines, and polished interaction details.

• WebGL Metaball Sliders: High-end, performant 3D slider powered by WebGL & the Aetheris engine.
• 100% Vanilla JS: Zero jQuery dependencies. Built entirely with native ES6+ features for top performance.
• Brutalist UI & Fluid Typography: Bold brutalist typography scales perfectly across all devices using CSS clamp().

02. Included Content & Layouts

The package contains 17+ static production files built for high-end customization variants:

</thead>
<tbody>

</tbody>

03. CSS Variable Map System

Customize the entire project identity globally by modifying the clean architecture variables inside the root system of assets/css/style.css:

:root {
  /* Brand System Accent Colors */
  --cpf-color-white: #ffffff;
  --cpf-color-dark: #0a0a0a;
  --cpf-color-light: #f5f5f5;
  --cpf-color-page-bg: #121212;

  /* Typography Fluid Layout Scale */
  --cpf-font-display: 'Geist', sans-serif;
  --cpf-font-body: 'Inter', sans-serif;
}

04. Clean File Structure

zylyf/
├── index*.html (Home variants)
├── about.html, work.html, services.html, etc.
└── assets/
    ├── css/
    │   └── style.css (Core design system)
    ├── js/
    │   ├── main.js (Interaction engine)
    │   ├── tft-webgl-metaballs.js (Slider engine)
    │   └── tft-mb-fx.js (UI sync)
    └── img/
        └── (Asset library)

05. Customization & Code Guidelines

• Immutable BEM Classes: All elements follow strict BEM structures for predictable styling.
• Object Namespacing: All template logic is cleanly encapsulated within a single Global Object workspace to prevent conflicts.
• Zero Dependencies: No jQuery, React, or Tailwind overhead—built entirely with pure, native web standards.

Note: Images used in the live preview are for demonstration purposes and are replaced with placeholders in the main download package.

The post Zylyf – Premium Brutalist Portfolio & Agency HTML Template first appeared on MasterTemplate.

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

The post Hayler – Creative Portfolio HTML Template first appeared on MasterTemplate.

Why Choose Azurio?

Azurio is the ultimate solution for anyone looking to showcase digital services and top-tier projects. Whether you are
a design studio, creative agency, designer, freelancer, developer, or software engineer, Azurio
empowers you to present your work with ultimate clarity and confidence.

Its bold visuals, trendy aesthetics, and expressive typography ensure your portfolio leaves a strong,
memorable impression. Whether you are building a personal brand, promoting professional services, or highlighting
recent case studies, Azurio dynamically adapts to your content and style. Plus, with its fully responsive design, your
site will look breathtaking on any device. Detailed documentation and friendly support make the setup quick and
effortless.

Key Highlights

• Bold Visuals & Stylish Design: Modern, eye-catching layouts crafted to make your brand stand
  out and maximize visitor engagement.
• Dark & Light Mode: Switch effortlessly between immersive dark and pristine light modes for an
  exceptional user experience.
• GSAP-Powered Animations & Lenis Smooth Scroll: Enjoy unique movements, scroll magic, and creative
  depth that bring your
  web pages to life.
• Code Excellence: Built with the latest Next.js v16.2 & TypeScript & Bootstrap
  5 –
  delivering blazing-fast performance, SEO optimization, and modern web standards.
• Easy to Customize: Adapt every single detail to fit your vision perfectly — no fuss, just clear
  and intuitive code editing.

Extensive Feature List

• 10 Ready-to-Use Demos: Jumpstart your project with beautifully pre-built designs.
• – Effortless, fluid, and elegant scrolling experience.
• Swiper Slider – Highly responsive, touch-friendly, and swipeable sliders.
• Creative & Functional Design – Tailor-made for Agencies, Portfolios, and Personal Branding.
• Bold & Modern Typography – Typography combinations that make a striking impact.
• Advanced Visuals & Backgrounds – Including Parallax background images, Animated Aurora
  Gradients, SVG Object Animations, and Solid Color Options.
• Engaging Animations – Captivating Animated Headlines.
• Versatile Pages Collection – A rich assortment of inner pages to meet all your needs.
• Fully Responsive – Impeccable display across desktops, tablets, and smartphones.
• Developer Friendly – Clean, well-organized, and easily understandable code structure.
• Comprehensive Documentation – Detailed guidance to help you get started quickly and seamlessly.

Azurio Pages:

• Branding studio
• Software development company
• Creative agency
• Freelancer portfolio
• Design studio
• Web developer
• Personal portfolio
• Digital agency
• Web studio
• Digital designer
• Works default
• Works grid
• Works grid sticky
• Project details
• Blog standard
• Blog creative
• Single post
• About me
• About us
• Services
• Our team
• Pricing plans
• Contact
• FAQ
• 404 error

What’s Included in the Download?

• Full source code of the Next.js template
• All React/Next.js component files
• Supporting CSS files
• All required plugins & libraries
• Comprehensive Documentation
• Video Guide for Setup and Installation

Sources & Credits

• Photos by Shutterstock & Unsplash
• Illustrations by Shutterstock & UI8

Best Seller! Rayo – Digital Agency & Portfolio NextJs Template

Important Notes

1. Images & Illustrations: The preview images and illustrations are for demonstration purposes
only and are not included in the final download package. If you need assistance sourcing them, feel
free to contact us at ibthemes21@gmail.com.

2. Platform Compatibility: This is a Next.js (React) Template. It is NOT a standard
HTML template or a WordPress theme, and it cannot be installed on WordPress. We do not offer refunds for
mistaken purchases.

Support & Assistance

Need help or have questions? Drop us an email at ibthemes21@gmail.com.
We are always here to assist you without any hesitation!

The post Azurio – Digital Agency & Portfolio NextJs Template first appeared on MasterTemplate.

SaaSi Software Landing Page is a lightweight and customizable premium HTML5 template ideal for showcasing Software Solutions. Built with Bootstrap Framework 5, SASS, HTML5 and CSS3. Quad includes all SASS codes for a complete and easy customization experience. Quip is a responsive software HTML5 landing page based on Bootstrap’s latest version. Quip is flexible, customizable, and organized code. All files and code have been well organized and nicely commented on for easy customization.

• 10+ Pre Built demo Included
• 50+ HTML File Included
• 100% Responsive and Mobile Friendly
• SCSS Support
• RTL Support
• Clean and unique design
• Pixel Perfect Design
• Valid HTML5 & CSS3.
• Using Google font
• Easy to convert in any CMS
• Quick, Dedicated & Professional Support
• Well Documented & More….
• Cross Browser Optimization.
• Easy to Customize
• And Many more

Credits

• Font

  • GoogleFont – Figtree
  • IconFont – Font Awesome

• Images

  • Freepik

Please check all credits in the documentation folder. Images not included to the .zip

Changelog

13 Apr 2026

1.0 Initial Release

The post SaaSi – SaaS Startup & Software Landing Page HTML5 Template first appeared on MasterTemplate.

Orisa is a premium design solution specifically crafted for creative agencies and digital studios where sophisticated aesthetics meet cutting-edge technology. Now powered by Next.js 16 and React 19, Orisa provides a robust, flexible ecosystem that empowers businesses to establish a professional, world-class online presence.

The soul of Orisa lies in its fluid motion system, driven by GSAP, which delivers a vivid visual experience through deeply optimized scroll effects and interactive elements. By combining a TypeScript architecture with an SEO-ready structure and “pixel-perfect” layouts, this template ensures exceptional loading performance and a superior user experience.

The package also includes the original Figma design files, allowing you to prototype and refine your brand’s vision with ease.

For support, you can visit our Support Center, where you’ll find Documentation and our Ticket System for any questions you may have. Our team typically responds within 12–24 hours.

Highlighted Features

• Single Investment, Lifetime Updates: Pay once and enjoy complimentary updates for the lifetime of the product.
• Powered by Next.js 16.1.6: Developed with the most recent stable release to guarantee maximum stability and blazing-fast performance.
• Elite GSAP Motion: Elevate your site with ultra-smooth, high-performance transitions and interactive scroll effects.
• Flexible Header & Footer Options: Choose from multiple pre-designed styles to perfectly match your agency’s branding.
• Native Dark & Light Mode Support: Seamlessly switch between themes for a comfortable viewing experience in any lighting condition.

Technical Excellence

• Next.js 16 & React 19: Utilizing the latest App Router and Server Components for a modern development workflow.
• TypeScript Ready: Built with type safety to ensure a reliable and scalable codebase.
• Bootstrap 5.3 Framework: Leverages the world’s most stable mobile-first framework.
• Optimized for Core Web Vitals: Engineered for lightning-fast speeds and superior SEO visibility.
• SCSS Architecture: Professionally structured source code using SCSS for effortless customization.
• W3C Validated & Clean Code: Standards-compliant, lightweight, and easy-to-read code designed for professional developers.

Core Features

• Creative Agency & Portfolio Layouts: Diverse homepages, sophisticated portfolio grids, and essential inner pages.
• Retina Ready & Ultra-Responsive: Ensuring your work looks flawless on everything from 4K monitors to smartphones.
• Minimalist “Kanso” Aesthetic: A clean visual hierarchy that balances whitespace with bold content presentation.
• Google Fonts Integration: Elevate your brand with carefully curated typography.
• Cross-Browser Compatibility: Fully tested across all modern browsers for consistent performance.
• Extensive Documentation: Detailed step-by-step guides and code snippets to make setup incredibly simple.

What’s Included

• Production-ready NextJS Template
• Full Development Source Code (TypeScript & SCSS)
• Original Figma Design File
• Comprehensive Documentation

Technical Requirements

• Recommended: Node.js 18+
• Basic understanding of React and Next.js

Note

• All preview images are included and were generated via AI platforms. You are free to use them for your projects.
• This is a professional NextJS template, not a WordPress theme.

Change log

    VERSION 1.0.0
    - Initial Release.

The post Orisa – Creative Agency & Portfolio NextJS Template first appeared on MasterTemplate.

Stand out and elevate your digital presence with Azurio – a vibrant and minimal template designed for creatives,
studios and freelancers. Bring your portfolio to life with smooth interactions, stunning visuals, and a design
that lets your creativity shine.

Azurio template is a perfect solution for everyone who wants to showcase digital services and projects. Design studios, creative agencies,
designers, freelancers, developers, software engineers and everyone in the creative field can present their work with clarity
and confidence using Azurio template!

Bold visuals, trendy design and expressive typography will help your portfolio make a strong and memorable impression. Whether
you’re showcasing projects, promoting services, or building a personal brand, Azurio adapts to your content and style.
With multiple responsive breakpoints, Azurio looks great on any device.
Detailed documentation and friendly support will make Azurio setup quick and easy.

Azurio Template Key Features

• Bold visuals & stylish design
  Modern, eye-catching layouts crafted to make your brand stand out and keep visitors engaged.
• Dark & light mode
  Switch effortlessly between light and dark modes for a user-friendly experience.
• GSAP-powered animations
  Adding unique movement, scroll magic, and creative depth to your pages.
• Code excellence
  Built with clean, well-structured code that’s fast, secure, and easy to maintain.
• Easy to customize
  Adapt every detail to fit your vision — no fuss, just simple, clear editing.

And much more:

• Versatile pages collection
• Smooth scroll with Lenis plugin
• Functional sections
• Numerous page elements
• 10 pre-made home pages
• Multi-page layout
• Various portfolio options
• Blog pages
• Fully responsive for any device
• Stylish typography with Google Fonts
• Custom pixel icons included
• Phosphor iconic font included
• Awesome sliders with Swiper
• Parallax images background
• Animated headline
• Stacked sections and sticky layouts
• Displays perfectly on any screen size
• Ready to use AJAX contact form
• Cross browser
• W3C validated
• Bootstrap 5 grid system
• Build with SASS
• Powered by GULP
• Clean and organized code
• Extensive documentation
• Reliable and regular updates
• Friendly support

Azurio Pages:

• Branding studio
• Software development company
• Creative agency
• Freelancer portfolio
• Design studio
• Web developer
• Personal portfolio
• Digital agency
• Web studio
• Digital designer
• Works default
• Works grid
• Works grid sticky
• Project details
• Blog standard
• Blog creative
• Single post
• About me
• About us
• Services
• Our team
• Pricing plans
• Contact
• FAQ
• 404 error

What’s inside?

• Ready-to-use HTML template with all supporting CSS, JS and other files
• GULP project for total customization
• Template documentation

Credits

• Fonts – Google Fonts
• Icons – Phosphor

Change log:

  Version 1.0.0 - 14 March 2026
  - Initial release

Please note! All images and videos used in the template live demo are just for preview purposes only
and are not included in main download files. You easily can find all images and videos
on freepik.com and pexels.com.

Thank you for visiting!

The post Azurio – Digital Agency & Personal Portfolio HTML Template first appeared on MasterTemplate.

Documentation:

• Linefolio Documentation

All Features

• Attractive Hero Sections
• Theme Section Variants & Flexibility
• GSAP – Animations While Scrolling
• Real Showcase
• Modern & Sleek Design
• Next.js 16 – Tailwind 4 – Typescript 5 – React.js 19
• +14 Home Section variants
• +3 Clients/Testimonials variants
• 10 Projects Section variants
• cinematic
• cinematic-2
• cinematic-sticky
• masonry
• float
• list-cards
• cards
• stacked-cards
• list
• side-cards
• 3 Services Section variants
• horizontal
• list-1
• list-2
• +3 Contact Section variants
• Smooth Scrolling
• true (toggled on)
• false (toggled off)
• Custom Cursor
• true (toggled on)
• false (toggled off)
• Dark & Light mode
• true (dark)
• false (light)
• Parallax
• Visual hierarchy
• Bold Typography
• Perfect For Developers/Designers/UI&UX
• High Performance Both In Desktop & Mobile
• High Contrast
• Constantly & Free Updates
• 100% SEO
• Open To Suggestions
• Quick and free of stuffing
• Harmony
• Dynamic design
• Easy Customization
• No Jquery dependency
• Well Coded & Clean Script without any errors
• Well Documented with deployment guide
• Structured Folders
• Straightforward
• Modern design & UI/UX
• Fully Responsive
• Contact Form Working
• Scalable Design System
• Lines Background
• Production Ready
• Css variables for Customization
• validation

Why Next.js?

While setting up a Next.js app requires Node.js and some terminal
commands:

• it provides a very simple way to modify and manage portfolio content
• Structured Folder
• Image Optimization
• Server-Side Rendering giving faster load times and better SEO
• Easy Configration
• Easy to deploy the theme to vercel (free)
• Modern and Compatible with Tailwind css, Typescript, React

Files included:

• Typescript files: .ts, .tsx
• Placeholder images: .png, .jpg, .webp
• svg: .svg
• PDF CV file: .pdf
• Environment Variables: file .env
• 2 CSS files: .css

How To Edit:

• public/images folder to add images
• src/data folder to add sections data files
• .env file to add contact form data

Technologies:

• next.js
• typescript
• tailwind css

Libraries:

• gsap
• lucide-react
• fortawesome
• shadcn-ui
• zod
• react-hook-form
• clsx
• tailwind-merge
• motion/react

Edit Template:

• You need to have text editor program installed on your system. Just
  open files in code writer and edit them easily.

Notes:

• this template not wordpress theme
• when you check the responsive design refresh the page
• images used in demo preview only
• theme variants panel in demo preview only, in downloadable theme
  folder you can change theme variant in /src/data/config.ts
• refresh the page when you inspect or checking the Responsive design

Help:

• If you have any problems or confusion, questions or ideas,
  suggestions, Please
  Contact Me
  anytime.

Reviews & future enhancements (important):

Your review is highly appreciated and helps improve future updates and
enhancements, Both positive and negative reviews encourage me to keep
improving and refining the product.

Change Log

• v1.0 (3/1/2026)
  - initial release
          

Credits:

• Free fonts
  google fonts
• Free icons from
  lucide react
• Free icons from
  fontawesome
• Free 3D service icons images from
  3dicons
• arrow svg from & tool icons
  svgrepo
• hero & about image from
  unsplash

The post Linefolio – Creative Portfolio & Studio Next.js Template first appeared on MasterTemplate.

Overview

Devix – Developer Portfolio HTML Template is the perfect choice for professionals
who want to present their work with style and accuracy. Whether you are a developer, designer, or marketing manager, Devix offers three different portfolio options to demonstrate your expertise.
With three unique layouts and two comprehensive project pages, Devix is designed to beautifully highlight your work. Completely customizable, it enables you to craft a standout, personalized
portfolio. Ideal for designers, developers, programmers, freelancers, artists, photographers, and many more, Devix provides the ultimate solution for a striking portfolio.

Features

• Simple, clean and fully responsive layout using latest Bootstrap
• Clean code & unique design
• Quick and friendly support by UWS

Pages

• Home 1
• Home 2
• Home 3
• About
• Portfolio 1
• Portfolio 2
• Portfolio 3
• Project Details 1
• Project Details 2
• Services
• Service Details
• Blog
• Single Post
• Pricing
• FAQ
• Contacts
• Error Page

Important Notes

• It is not a WordPress related item.
• Images in the demo are not included in the package due to copyright regulations.

Support

The item is supported. We are located in Europe and we try to answer as soon as possible in weekdays.
If you have any questions: get in touch here.

Updates

VERSION 1.0 (25-02-2026)

- First release

The post Devix – HTML Developer Portfolio Template first appeared on MasterTemplate.

Overview

Devix – Developer Portfolio HTML Template is the perfect choice for professionals
who want to present their work with style and accuracy. Whether you are a developer, designer, or marketing manager, Devix offers three different portfolio options to demonstrate your expertise.
With three unique layouts and two comprehensive project pages, Devix is designed to beautifully highlight your work. Completely customizable, it enables you to craft a standout, personalized
portfolio. Ideal for designers, developers, programmers, freelancers, artists, photographers, and many more, Devix provides the ultimate solution for a striking portfolio.

Features

• Simple, clean and fully responsive layout using latest Bootstrap
• Clean code & unique design
• Quick and friendly support by UWS

Pages

• Home 1
• Home 2
• Home 3
• About
• Portfolio 1
• Portfolio 2
• Portfolio 3
• Project Details 1
• Project Details 2
• Services
• Service Details
• Blog
• Single Post
• Pricing
• FAQ
• Contacts
• Error Page

Important Notes

• It is not a WordPress related item.
• Images in the demo are not included in the package due to copyright regulations.

Support

The item is supported. We are located in Europe and we try to answer as soon as possible in weekdays.
If you have any questions: get in touch here.

Updates

VERSION 1.0 (25-02-2026)

- First release

The post Devix – HTML Developer Portfolio Template first appeared on MasterTemplate.

Highlighted Features:

• One-time purchase – Free updates forever.
• Built with Next.js 16.1.6 – Latest version for better performance and stability.
• GSAP Animations — Smooth, high-performance motion effects.
• Webgl Animation — Interactive 2D and 3D Webgl Animation.
• 15+ Home Pages to choose from.
• Multiple Header & Footer Styles available.

Acjon – Digital Agency & Creative Portfolio NextJs Template

Acjon is a next-generation React & Next.js template crafted for forward-thinking businesses, startups, and creative professionals. Built with TypeScript for scalability and maintainability, Acjon delivers a modern development experience combined with clean, well-structured code. Its sleek layouts, flexible component-based architecture, and pixel-perfect design ensure seamless customization for any business need.

Enhanced with GSAP-powered animations, Acjon brings smooth interactions, elegant transitions, and engaging motion effects that elevate user experience without compromising performance. The template adapts perfectly across multiple industries — including digital agencies, corporate agencies, business consultants, design studios, digital marketing firms, HR consulting, law agencies, modern agencies, startup agencies, and personal portfolios. Fully responsive, SEO-friendly, and performance-optimized, Acjon is the ideal solution for building a powerful and visually stunning online presence.

Built for All Creative Needs

Acjon is also ideal for:

• Modern & Creative Agencies
• Digital Marketing & SaaS Startups
• Lawyer-agency & Startup Agency
• Online Shops & Portfolios

✨ Where Creativity Meets Performance

Optimized for performance and built on modern web standards, Acjon is fully responsive, SEO-friendly, and easy to customize. With clean code and attention to detail, it’s the perfect choice for developers, designers, Agencys and brands who want to build a professional online presence with confidence.

⚙️ Unlimited Customization, Minimal Effort

With Acjon, personalization is at your fingertips:

• Customize cursor styles and animation effects
• Modify layout components and interactive elements
• Built with clean, modular code for easy edits

No advanced coding knowledge? No problem. Our extensive documentation ensures that beginners and developers a like can easily make Acjon their own.

Modern Design Meets Creative Technology

Acjon offers a fresh, modern, and visually stunning design that combines award-winning UI/UX practices with immersive animations. As users scroll, they experience fluid transitions, captivating effects, and a highly interactive experience that leaves a lasting impression.

We’ve utilized some of the web’s most powerful animation technologies:

• GSAP for smooth, timeline-based animations
• Scroll-based transitions to create dynamic movement
• Text Split Animations for bold typographic styling

The layout is meticulously crafted to appear stunning on all devices, from laptops and iPads to iPhones, Android devices, and tablets. Acjon has undergone thorough testing across various devices and browsers, including Firefox, Chrome, and Internet Explorer, ensuring flawless performance without any compatibility issues.

Features Overview

• React (19.2.3) latest version:
  
  The library for building modern web and native user interfaces.

• Next.js (App Router) v16.1.6:
  
  The React framework for production-ready applications.

• TypeScript (v5) :
  
  Acjon template is coded with TypeScript for type safety and scalability.

• Bootstrap 5.x Framework:
  
  Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

• 15+ Home Page:
  
  Acjon includes over 15 clean and modern homepage designs.

• 90+ Valid Pages:

  Coded with clean, semantic Next.js pages — fully valid and optimized.

• 500+ Sections:

  Create stunning layouts with 500+ unique design sections.

• Touch Friendly:
  
  Optimized for smooth browsing on all touch devices.

• Gsap Animation:
  
  A powerful JavaScript animation library. In React/Next.js, it enables smooth transitions, timeline control, and complex effects on DOM, SVG, or WebGL elements.

• Webgl Animation:
  
  A JavaScript API for rendering 2D/3D graphics in the browser. In Next.js, it can be used with classes/hooks to handle.

• Smooth Scroll Animation:
  
  Lightweight, cross-browser compatible, and easy-to-use library for smooth scrolling.

• 100% Fully Responsive:
  
  What ever you are using the device your site will run as it should be. Agntix template is fully responsive layout for all type of devices.

• Sass :
  
  Acjon template is coded with Sass for cleaner and more maintainable styles.

Full Features List

• React(v19.2.3)
• Next js v:16.1.6
• Typescript (v5)
• Gsap Animation Included.
• Webgl Animation Included.
• Scroll Animation Included.
• Hover Animation Included.
• Based on Bootstrap 5.x
• 100% Responsive
• 15+ Unique Home pages including (Dark and Light) Mixed Version
• 55+ Total pages
• 06+ Blog Pages
• Tested on real devices
• Flat, modern and clean design.
• SASS CSS
• Retina Ready.
• SEO on-page optimized.
• UX ready.
• Touch Friendly.
• Integrated google maps..
• Typography
• Fixed Menu
• Clean and commented code
• Valid CSS3
• Form validation
• Image background
• Smooth Transition Effects
• All Modern Browser Compatible [IE 11, Firefox, Chrome, Opera and Safari]
• Font Awesome
• 24/7 Awesome Support
• Detailed documentation

Frequently Asked Questions

Is Acjon suitable for multiple industries?

Yes! Acjon is a versatile React & Next.js template designed to fit a wide range of industries, including digital agencies, corporate businesses, startups, design studios, digital marketing agencies, HR consulting firms, law agencies, and personal portfolios.

Does Acjon support SEO optimization?

Absolutely. Acjon follows Next.js best practices, offering SEO-friendly routing, optimized metadata management, fast page loading, and performance-focused architecture to help improve search engine visibility.

Can I customize Acjon easily?

Yes! Built with React, Next.js, and TypeScript, Acjon features a clean, component-based structure that makes customization simple. You can easily modify components, layouts, styles (SCSS / Bootstrap), and animations to match your brand.

Is Acjon fully responsive?

Definitely. Acjon is 100% responsive and carefully tested across desktops, tablets, and mobile devices to ensure a smooth and consistent user experience on all screen sizes.

Will I receive future updates?

Yes. Acjon comes with regular updates to ensure compatibility with the latest versions of Next.js, React, and related dependencies, along with improvements and new features when available.

What kind of support is provided?

We provide comprehensive documentation and dedicated support to help you with installation, customization, and troubleshooting, ensuring a smooth experience from start to finish.

What You Get

• Complete Acjon Source Code – Fully functional React & Next.js project files built with TypeScript, clean folder structure, reusable components, and well-organized SCSS/Bootstrap styling.
• Comprehensive Documentation – Step-by-step documentation covering installation, project setup, folder structure, customization guidelines, and deployment instructions.
• Dedicated Support – Reliable post-purchase support for bug fixes, setup assistance, and guidance related to template features and customization.

Fonts Used

• Google Fonts
• Custom Fonts

Icons Used

• Font Awesome (Icons)
• SVG Icons

Sources and Credits

• React
• Next.js
• TypeScript
• GSAP & @gsap/react
• Swiper
• Bootstrap 5
• React Hook Form
• React Toastify
• Sass

Image Credits

• Allfreephotos
• Freepik
• unsplash
• Nothingtochance

Please Note:

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

Change Log

24 February 2026 – Version 0.1.0

    - Initial release of Acjon NextJs

The post Acjon – Digital Agency & Creative Portfolio NextJs Template first appeared on MasterTemplate.