Twenty-eight forkable templates, and what each one is actually for

A Siteglade template is not a theme. It is a complete project — real Next.js or Vite source, React and TypeScript, with its animation libraries, its content files and its assets — that gets copied into a new session when you fork it. From that moment it is ordinary code the agent can rewrite, the built-in editor can open, and you can export to your own GitHub repository.

That matters because it changes what a template is for. With a conventional theme you are constrained to the settings the theme exposes. Here, the template is a starting structure and a demonstration of a technique: how a scroll-scrubbed image sequence is wired, how a pricing carousel is built, how a video hero cross-fades. Once you fork it, none of those decisions are locked, and asking the agent to replace the vineyard content with a dental practice is a legitimate and common move.

The library splits into two families. Ten are full multi-section sites and landing pages. The other eighteen are animated hero pages: a single viewport-filling scene, rebuilt pixel-for-pixel from a Figma design together with its timed entrance animation, which is the fastest way to a launch page, a product teaser or the top of a site you then extend.

Each template has a live public preview deployment, so you can look at the real thing in the picker before minting a session. Every template also has a plan tier required to fork it. Three are available on Free, twenty-three on Pro and two on Max.

The ten full site templates

They span deliberately different structural problems rather than ten variations on a landing page, because the structure is the part that is expensive to describe from scratch.

• AI SaaS Product — "Flashly", a bright product-marketing page for an AI email-campaign platform. Navbar, hero, feature grid, metric cards, pricing carousel, testimonials, FAQ, blog and contact CTA, with copy centralized in a single content file. Next.js 15, Tailwind v4, Framer Motion, Embla.
• Luxury Real Estate — "Aurelia", a cinematic single-page showcase for a hillside residence, built as scroll-scrubbed acts that play WebP frame sequences on a canvas with text beats timed to frames. Next.js 15, GSAP and ScrollTrigger, Lenis, Three.js.
• Vineyard Estate — "Verane", a dark editorial page for a private vineyard and winery retreat, selling rooms, amenities and curated journeys. Champagne-gold on near-black, a hero video that clip-path expands on load, parallax and carousels. Next.js 15, Tailwind v4, Motion.
• Roofing Service — "Summit Roofing Co.", a conversion-focused landing page for a Denver roofing contractor covering replacement, repair, metal roofing and storm restoration. Glass navbar, stats bar, six service cards, process steps, testimonial marquee, FAQ accordion, aurora contact CTA. Next.js 15, no webfonts.
• Energy Drink — "GÖNRGY", a loud single-screen flavour showcase where a can rises out of a coloured liquid splash, one flavour at a time, using a two-layer video cross-fade with eased playback. German copy. Vite 6, Tailwind v4, Framer Motion.
• Private Aviation — "Altair", a warm-beige quiet-luxury page for a private jet charter business selling on-demand charter, empty legs and concierge travel. Auto-advancing hero carousel, per-word reveal headings, split contact form. Next.js 15, Tailwind v4, Lenis, Embla.
• Museum — "Natura History Museum", a strictly monochrome Swiss editorial one-pager with a looping cinematic hero, an animated SVG wordmark, and a five-chapter exhibit browser using an SVG sand-dissolve transition. Vite 6, Motion, SVG filter effects.
• Portfolio — a dark personal portfolio for a creative and fullstack founder, with a counter preloader, HLS video backdrops in the hero and footer, a twelve-column bento works grid, a pinned parallax gallery with lightbox and a GSAP marquee contact section. Vite, GSAP, Framer Motion, hls.js.
• Luxury Yachts — "YORCH", an editorial private yacht club and charter site built on nine looping ocean and fleet videos with a fixed full-screen hero that content scrolls over, a GSAP staggered side menu, and full-screen overlay pages for fleet, journeys, membership and blog. Vite, Tailwind v4, Motion, GSAP.
• VR Headset Archive — "VANTA XR", an editorial product archive comparing premium spatial-computing headsets, with a single-viewport carousel per device and a separate discover route running a continuous field guide with curved colour transitions. Respects reduced-motion preferences. Next.js, Tailwind, Framer Motion.

The eighteen animated hero pages

These are a different kind of object, and it is worth being clear about what you are forking. Each one is a single screen: one viewport-filling scene with its entrance animation, rebuilt from a Figma design and measured against the original render rather than eyeballed. There is no second section below the fold, because there was none in the design.

That makes them the right starting point for a launch page, a product teaser, a coming-soon page or a campaign landing page — and equally the right starting point for a full site, since asking the agent to add sections underneath an already-finished hero is a far easier prompt than asking it to invent a hero. All eighteen are Next.js 16 with Tailwind v4, and all eighteen require Pro.

• Kids Playworld — "Kazzoo", a playful family-entertainment scene over a looping sky video, with cloud typography, a character card and a section pager.
• Luxury Travel — "Create Beyond Reality", layered landscape plates that part like a curtain to reveal a gateway, with destination tiles.
• Strategy Consulting — "Capitol", a looping background film under an oversized statement headline, with metric chips and a floating insight card.
• Plant-Based Food — "Vegtopia", a looping dish video, a pill navigation bar and a product card carousel in bold green display type.
• Drone Product — "D.O.N.E AX/724", a video intro that hands off to the still scene, over a blurred depth backdrop with streak accents.
• Fashion Essentials — "vera", a cut-out model figure against a colour-blocked bar, with a three-card category row.
• Property Listings — "Élan", a cut-out house floating over water with the wordmark behind it, two glass stat cards and four round thumbnails.
• Ambient Water — "Drift", a full-bleed underwater loop with a dissolving intro and wide-tracked ambient typography.
• Smart Ring — "Atmos Pro", the product rendered over a looping ambient video with a spec card and a soft gradient field.
• Anime Storytelling — "Hiroshi", a samurai silhouette in a sakura forest with drifting petal layers and a brush-styled wordmark.
• Luxury Car — "Velocity", a looping driving film behind heavy display type and a spec card.
• Travel Booking — "Finddly", a stack of destination cards over turquoise photography with a map inset.
• Botanical Editorial — "Chrysant", a looping flower film under serif display type, with paired stills.
• Cycling Brand — "Zephyr", two masked video fills and a dial detail inset under confident modern typography.
• Snowboard Brand — "Glacius", layered mountain, haze and cloud plates with a glass panel and four product thumbnails.
• Generative Studio — "Fractal Matter", two video fills — a backdrop and a rotating shape — with card callouts and a forty-step entrance.
• Smart Home — "Arkkhe", a looping switch video with room capture thumbnails and a calm product-led type system.
• Sports Car — "S5motors", the car cut across two plates over an industrial backdrop, with a spec card and an oversized wordmark.

Choose by structure, not by industry

The single most common mistake is scrolling for the template whose subject matches your business. It is the wrong axis. Content is the cheapest thing to change — the agent can rewrite every string in a template in one turn. What is expensive to change is the structural shape of the page and the animation technique underneath it.

So pick the one whose skeleton matches what you need. A dental practice is not going to find a dental template here, but the Roofing Service template is a local-service skeleton — service cards, process steps, credibility signals, a conversion-focused contact section — and that skeleton fits a dental practice, a plumber, a law firm or a cleaning company with nothing but a content rewrite.

The same logic maps across the library. Any single-flagship-project pitch is the Luxury Real Estate skeleton. Any credentials-and-trust service business is the Roofing skeleton. Any body-of-work presentation is the Portfolio skeleton. Any product with tiers and objections to answer is the AI SaaS skeleton. Any stay-selling hospitality business is the Vineyard or Private Aviation skeleton. Any comparison or buyer-guide microsite is the VR Headset Archive skeleton.

• Selling one thing beautifully: Luxury Real Estate, Energy Drink.
• Selling a service with credibility: Roofing Service, Private Aviation.
• Selling a stay or an experience: Vineyard Estate, Luxury Yachts.
• Selling a product with tiers and objections: AI SaaS Product.
• Presenting a body of work: Portfolio, Museum.
• Comparing several things editorially: VR Headset Archive.
• One screen that has to land immediately — a launch, a teaser, a campaign: any of the eighteen animated hero pages.

What to do after you fork

Forking copies the whole project into a session, so the very next thing you should do is talk to the agent rather than start hand-editing files. Replacing all the copy, changing the palette and swapping the section order are single-prompt operations, and doing them by hand first only creates conflicts with what the agent writes afterward.

A workable sequence: rewrite the content to your business, then adjust the palette and typography, then remove the sections you do not need, then add the ones the template lacks from the prebuilt section library, then generate replacement imagery in Media Studio, then set the site title, description, favicon and share image before publishing. Doing it in that order means each step operates on a stable base.

Heavy templates are worth a note. Several of these lean on video, image sequences and scroll libraries, which look extraordinary and are not free. If your visitors are mostly on phones on mobile data, ask the agent to reduce the media weight during the rewrite rather than after launch, and be honest with yourself about whether the cinematic version is serving your visitor or serving you.

Templates and plan tiers

Every template preview is public, so you can evaluate the whole library before signing in. Forking is what is tiered. Portfolio, Museum and Roofing Service can be forked on the Free plan, which also includes publishing to real hosting, so a free account can take a template all the way to a live site with a Siteglade badge.

AI SaaS Product, Luxury Real Estate, Vineyard Estate, Luxury Yachts, VR Headset Archive and all eighteen animated hero pages require Pro. Private Aviation and Energy Drink require Max. Once forked, a template is subject to the same plan entitlements as any other project: custom domains, analytics and GitHub export on Pro and Max, blogs and repository access tokens on Max.

Last updated: 2026-08-16