SiteStage – Website Builder for Blender

Design websites in Blender and export clean HTML, CSS and JavaScript.

SiteStage turns Blender into a visual website builder. You lay out the page in the 3D Viewport, where every heading, button and image is an object you can click, move and style. Your products become real 3D on the page: they turn as visitors scroll, change color with a click and can be explored in live 3D. Backgrounds are 3D renders made with Geometry Nodes, and many of them react to the mouse. When you're done, SiteStage exports a real, responsive website that you can upload to any host. No code, no subscription, no account.

What you can do

A product page from your 3D model, in one click

• Product Page from a 3D Model: pick a GLB, glTF, FBX, OBJ or STL file and SiteStage builds a complete product launch page around it in about two minutes: a hero with the product in front of its big name, feature sections, live 3D, close-ups, the name in giant letters, a buy section and side navigation.
• Lit and framed for you: the model is sized, centered and lit in a studio with a rim light in your theme color.
• Everything stays editable: replace the texts, change the colors, move anything.

Products that move with the page

• Scroll motion: the product turns as visitors scroll.
  • Every Side shows a new view in each section: as you framed it, from above, from the side, from behind.
  • Turn Around spins it once, with an optional tilt.
  • My Animation plays your own Blender animation (open, explode, assemble…) frame by frame with the scroll.
• Travel: the product stays on screen and glides from one side to the other across the next sections, while the text takes the other side.
• Product colors: add colors, and visitors switch the product with round color buttons. Each color is rendered in Blender quality.
• Live 3D: real-time 3D in the browser. Visitors drag to turn and zoom, and on phones they can place it in their room with AR. Colors switch in 3D too.
• Turn (turns slowly on its own) and Mouse (turns toward the cursor) for logos, characters and products.
• Fit in Frame: one click frames any model so it never leaves the picture while it turns.

Start from a complete page

• Five ready-made styles: Product Launch, Agency & Studio, Tech & SaaS, Luxury & Fashion and Cafe & Restaurant. Each sets the theme, fonts, corners and a moving hero background in one click, on a new site or one you're already working on.
• Ready-made pages: Portfolio, Cafe / Restaurant, Agency / Company and Architecture Studio, plus a blank page.
• Ready-made sections: Top Menu, Hero, About, Services, Projects, Gallery, Contact and Footer. Every menu link already points to its section.
• Gallery from cameras: render every camera of a scene into a ready gallery section.

Design right in the viewport

• Click to edit: select any element and a small toolbar appears right on it: text, link, color, Look (corner, border, gradient, opacity) and, on 3D objects, Motion and Colors.
• Move and resize like any Blender object: drag to move, press S to resize, double-click text to edit it.
• Elements: Heading, Text, Button, Card, Image, Video, Slider, Form, Icon (70+ line icons) and 3D Object. Any row of logo images, buttons, cards or text can become a scrolling Logo Strip, a swipeable Carousel or a row that slides sideways as the page scrolls. Numbers can count up, any image can become a before/after comparison, and FAQ and Pricing sections are ready-made.
• Layout tools: rulers, guides, column grid, snapping, align and distribute.
• A tidy sidebar: Simple mode for the essentials, Advanced mode for every detail.
• Live Preview: the site opens in your browser and updates about a second after each change.

Look and feel

• 20 color themes, dark and light, each with a matching pair of fonts.
• 14 bundled open-license fonts: Inter, Manrope, DM Sans, Space Grotesk, Archivo, Montserrat, Syne, Bebas Neue, Fraunces, Playfair Display, Cormorant Garamond, Lora, DM Serif Display and JetBrains Mono.
• Corners, borders and gradients for any button, card or picture, or for the whole page.
• Title behind the subject: put a cut-out photo or a render's front layer over the headings, so the big title sits behind the mountain, the person or the product.
• Image in Letters: fill a big title with a picture.
• Glass cards, round pictures and numbered side navigation.
• Motion and hover effects: reveal on scroll, gentle float, soft pulse, lift, zoom and more.

Backgrounds that move

• 3D backgrounds: editable Geometry Nodes scenes, rendered at exactly the size of the section as an image or a seamless looping video.
  • Designed templates in a paper-craft style: Paper Layers, Paper Rings, Arches, Ribbon and Mesh Gradient, with 9 curated palettes or your site theme.
  • Cinematic templates: Light Lines, Glass Forms and Light Beams.
• Mouse depth: a render split into a front and a back layer that move with the mouse, so a still image feels three-dimensional.
• 9 animated web effects: Mesh Gradient, Paper Waves, Halftone Field, Product Stage, Warm Steam, Light Bars, Color Blade, Aurora and Ribbons. Lightweight, no libraries, colors from a palette in one click.
• Interactive 3D patterns: Glossy Balls, Magnetic Rods, Ripple Discs and Glow Orbs. Rendered in Blender with Cycles; in the browser they grow, turn, ripple or light up as the cursor passes.
• Follow the Mouse: any background image moves gently with the cursor.
• Text Protection: headings stay readable over photos, renders and moving effects.

Your own 3D

• Add your own model (GLB, glTF, FBX, OBJ, STL, PLY, USD, Alembic) into a ready studio with lights, camera and backdrop, as a section background or as an object on the page.
• Use your own Geometry Nodes: every template is a normal node tree you can change, and any scene of yours with a camera can be a background.
• Your own animation can play with the scroll.

Ready for phones

• Tablet and phone layouts are built automatically.
• Preview every size in the viewport and fine-tune the order, width, spacing and visibility per device.
• On phones, and for visitors who prefer reduced motion, backgrounds stay calm. Live 3D works on phones, with AR.

Publish anywhere

• Export Site writes clean index.html, style.css and site.js, optimized WebP images and the fonts the page uses, in one folder.
• Upload it to Netlify, GitHub Pages, Cloudflare Pages or your own server.
• SEO and sharing: page title, description, favicon and share image.
• Contact form through Formspree or email.
• Site text in English, Turkish or German.
• Portable projects: save a design with all its media as one .bsb file.

What you get

• The SiteStage add-on for Blender (sitestage-1.0.0.zip), installed in a few seconds from Get Extensions > Install from Disk.
• The one-click Product Page template for your own 3D models.
• 5 ready-made styles, 6 ready-made pages and 8 ready-made sections.
• 20 color themes and 14 fonts, free for commercial websites.
• 5 designed and 3 cinematic 3D background templates, an Empty Studio and 4 interactive 3D patterns.
• 9 animated web effects and 9 color palettes.
• A full step-by-step documentation and FAQ on this page.
• The add-on interface in English and Turkish.

Requirements

• Blender 4.2 or newer. Tested on Blender 4.2 LTS, 4.5 LTS, 5.1 and 5.2 LTS.
• Any modern web browser for Live Preview.
• Live 3D loads the free model-viewer library from the internet, so pages that use it need to be online.

Support

SiteStage is made by GPolygon Design.

Questions, ideas or a problem? Write to us at [email protected] and we'll get back to you. You can also send a message through Superhive.

Gallery images: the sneaker is "Materials Variants Shoe" by Shopify, from the Khronos glTF Sample Assets (CC BY 4.0).