Free Website Templates

Parallax Starter is a free HTML CSS template featuring smooth JavaScript-driven parallax scrolling effects across five full-screen sections. Each section displays a different background image that moves at a slower speed than the content, creating a fluid depth effect as visitors scroll through the page. The template includes a fixed navigation bar, a hero section with a call-to-action button, an about section with a two-column layout featuring thumbnail images, a services section with SVG icons, a stats section, and a contact form. Built with Oswald and Source Sans 3 Google Fonts, the design uses clean white uppercase typography over dark overlays for a minimal, modern aesthetic.

The parallax effect is powered by requestAnimationFrame for 60fps performance and is automatically disabled on mobile devices for optimal touch scrolling. Each section parallax speed and transition duration can be easily customized through data attributes and CSS values. The template is fully responsive with a mobile-friendly overlay menu that supports landscape orientation. Parallax Starter is a great starting point for creative studios, agencies, portfolios, and any website that wants to make a strong visual impression with minimal code. Download this AI-customizable template and upload the files to Claude or ChatGPT to personalize it for your project.

Frost is a bright, approachable single-page website template designed for ice cream shops, gelato bars, bakeries, and dessert businesses. It features a fixed sidebar navigation layout, a ticker marquee flavor browser, a step-by-step topping builder, tiered catering cart rental cards with real images, interactive seasonal tabs with smooth transitions, and a visual loyalty stamp card. The warm Terracotta color palette paired with Lora and Manrope Google Fonts gives it a friendly, handcrafted feel that matches the artisan dessert brand perfectly.

Built with pure HTML5, CSS custom properties, and vanilla JavaScript - no frameworks or dependencies. The template is fully responsive across mobile, tablet, and desktop with a hamburger menu, scroll-triggered animations using IntersectionObserver, and semantic markup with SEO meta tags. All placeholder content uses realistic bakery copy with seven Unsplash images ready to swap. Download it free and customize it for your frozen dessert shop, patisserie, or sweet treats business.

Quantix is a high-conversion SaaS landing page template built with pure HTML5, CSS3, and vanilla JavaScript with no frameworks and no dependencies. Designed with a bold Hot Coral accent on a sophisticated Smoke dark background, this template features a split-layout hero section with a floating product mockup, interactive tabbed features showcase with five embedded mini-UIs (real-time dashboard, funnel analytics, SDK code editor, session replay player, and privacy compliance cards), animated stats counter, and a fully functional monthly/yearly pricing toggle with three-tier cards. The responsive design includes a sticky glassmorphism navbar, scroll-triggered reveal animations, and a mobile slide-out menu with built-in CTA buttons.

Quantix includes two HTML pages: a complete SaaS landing page and a templates gallery page with hover-overlay card grid. The template uses Plus Jakarta Sans and JetBrains Mono font pairing with tight letter-spacing for that premium Apple-style typography feel. Every section is carefully crafted to avoid generic AI-generated aesthetics, from the subtle grid-line backgrounds and film grain overlay to the gradient border hover effects on feature cards. Fully responsive across all devices with prefers-reduced-motion support for accessibility. Free to download, easy to customize, perfect for SaaS products, micro-SaaS tools, AI startups, developer tools, and tech product launches.

Amber Folio is a sleek, dark-themed photography portfolio template built with pure HTML5, CSS3, and vanilla JavaScript. Its centerpiece is an interactive 3D coverflow gallery featuring perspective transforms, smooth rotateY animations, and a subtle reflection effect beneath each card. The gallery supports keyboard navigation, touch swipe gestures, and an autoplay toggle, making it fully functional across desktop and mobile devices. The hero section sets the mood with animated morphing geometric shapes and floating accent elements over a deep black background, while the warm amber accent color gives the template a luxurious, editorial feel.

The template includes five fully designed sections: hero, portfolio, about with animated stat counters, services with SVG icons and pricing, and a contact form with social links. Scroll-triggered reveal animations bring each section to life as visitors navigate the page. The responsive layout adapts from widescreen monitors down to mobile with a hamburger menu featuring smooth open/close transitions. Amber Folio is ideal for photographers, creative agencies, and visual artists who want a bold, modern portfolio that puts their work front and center.

Split Index is a free single-page HTML CSS portfolio template with a distinctive split-panel layout. The viewport is divided into two halves where the left side swaps between Work, About, and Contact sections, while the right side acts as a full-height image canvas that responds to user interaction. Hovering over project titles triggers smooth fade-and-scale image previews, creating an engaging experience without page reloads or scrolling.

The design follows a warm paper aesthetic with a subtle grain texture, pairing Playfair Display serif headings with DM Mono monospace for metadata and Instrument Sans for body text. Interactive elements feature black-fill wipe transitions on hover, and the contact section includes a minimal underline-style form. The entire template is contained in a single HTML file, making it easy to edit manually or customize with AI tools like ChatGPT and Claude.

Split Index is a fully responsive website template with touch-friendly tap interactions on mobile. Built with pure CSS transitions and minimal vanilla JavaScript, it is ideal for photographers, architects, designers, and visual artists looking for a free photography website template that feels cinematic rather than conventional.

PixelForge is a free HTML CSS website template designed for AI image generator platforms and text-to-image service landing pages. This modern one-page layout features a sleek dark theme with glassmorphism effects and elegant rose gold gradient accents. The template includes a stylish demo section with prompt input, style selector, and aspect ratio controls, along with a stunning bento-style gallery with lightbox popup, interactive pricing toggle for monthly and yearly plans, smooth scroll animations, and a fully responsive mobile menu.

The Catalyst is a sharp, light-mode SaaS landing page template built with a striking Silver & Acid color palette. This single-page layout features a fully coded dashboard mockup with data tables, stat cards, and status badges, all crafted from pure HTML and CSS with zero images. The machined silver card system with crisp 1px borders and inner white highlights gives every surface a premium, precision-engineered feel.

This template includes 7 well-structured sections: a data-driven hero with a fading dashboard preview, bold speed metrics with tabular numbers, a 3-card bento feature grid with mini visualizations, an interactive pricing table with a monthly/yearly toggle and 25% discount badge, an FAQ accordion with expand/collapse all controls, a dark CTA banner, and a clean multi-column footer. The Acid Yellow accent on buttons delivers a sharp offset shadow on hover for a tactile, confident interaction style.

The Catalyst is built with vanilla HTML, CSS, and JavaScript - no frameworks, no dependencies, no build steps. It uses Inter font with tight tracking for a dense, Apple-like software feel, IntersectionObserver scroll reveals with a reduced-motion fallback, and a fully responsive mobile menu. Ideal for SaaS products, analytics platforms, developer tools, or any tech startup that wants to look fast and feel premium.

Axis Industrial is a free multi-page HTML CSS template built for corporate, tech, and industrial websites. It features three fully responsive pages with a shared design system powered by Space Grotesk and JetBrains Mono typography, a bold black and white palette with safety orange accents, 4px solid borders, and 8px hard-edged shadows. The template requires no images and no frameworks. It is pure vanilla HTML5, CSS3, and JavaScript in a clean, organized file structure with one common CSS, three page-specific CSS files, and one shared JS file. This template was fully designed and coded by Claude AI Opus 4.6, the most advanced model from Anthropic, through a collaborative prompting workflow.

The home page includes a kinetic hero section with scroll-driven animation, a bento-style specification grid, a dual-direction marquee ticker, and sticky stacking cards that layer on top of each other as you scroll. The product landing page showcases the AXIS-01 Neural Link with a centered hero, a four-card stats section, an eight-cell technical spec grid with color inversion on hover, and a scrolling terminal log at the bottom. The Observer page is an AI monitoring dashboard featuring a radar-style hero with animated sweep rings, a five-column metrics ribbon, a six-card capabilities grid with sparkline visualizations, a live CSS waveform display, and a persistent terminal sidebar with simulated system logs, throughput charts, and real-time stats.

Every interactive element uses instant color inversion on hover with zero transition delay, giving the entire template a mechanical, switch-like feel. The navigation uses a light-switch cell pattern where each menu item fills solid black or orange on hover. All three pages include a live UTC clock, scroll reveal animations with IntersectionObserver, mobile-friendly navigation, and cross-links between pages. This template is ideal for engineering firms, SaaS products, hardware startups, AI platforms, and any brand that wants a high-contrast, data-driven web presence.

Compression is a kinetic portfolio HTML CSS template built entirely with CSS Flexbox and hover-driven transitions. Five vertical panels share the viewport equally by default, then expand and compress on hover using a custom cubic-bezier easing curve that delivers a heavy, mechanical feel. Each panel reveals project details, metadata, and a call-to-action button when expanded, while compressed panels desaturate into grayscale. No JavaScript is required for the core layout interaction.

This dark-themed template features an industrial color palette with off-white typography, neon chartreuse accents, and zero border-radius throughout. The type system pairs Anton for massive vertical spine titles with Space Mono for monospaced project details. CSS-only modal overlays for Work, About, and Contact pages open via the :target pseudo-class, complete with backdrop blur and smooth entry animations.

Compression is fully responsive and stacks into a vertical mobile layout below 900px. It includes staggered entrance animations, custom scrollbar styling, gradient header and footer scrims, and prefers-reduced-motion support. This free template is ideal for designers, photographers, creative agencies, and studios looking for a bold, no-framework portfolio with a distinctive editorial aesthetic.