<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Documentation on confBuild - Create Stunning 3D Configurators</title><link>https://confbuild.com/docs/</link><description>Recent content in Documentation on confBuild - Create Stunning 3D Configurators</description><generator>Hugo</generator><language>en</language><atom:link href="https://confbuild.com/docs/index.xml" rel="self" type="application/rss+xml"/><item><title>Getting Help</title><link>https://confbuild.com/docs/getting-help/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/getting-help/</guid><description>&lt;section id="in-app-help" class="doc-section"&gt;
&lt;h2&gt;In-App Help System&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Access help directly within the confBuild editor.&lt;/p&gt;
&lt;div class="concept-grid"&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#F3E8FF"/&gt;
&lt;circle cx="24" cy="24" r="12" stroke="#8C30F5" stroke-width="2.5" fill="none"/&gt;
&lt;text x="24" y="30" text-anchor="middle" font-size="16" font-weight="bold" fill="#8C30F5"&gt;?&lt;/text&gt;
&lt;/svg&gt;
&lt;h4&gt;Help Button&lt;/h4&gt;
&lt;p&gt;Click the &lt;strong&gt;Help&lt;/strong&gt; button in the toolbar or the floating help icon to open the Help Center panel.&lt;/p&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#DBEAFE"/&gt;
&lt;path d="M14 20L24 28L34 20" stroke="#3B82F6" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;path d="M14 28L24 36L34 28" stroke="#3B82F6" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Interactive Tours&lt;/h4&gt;
&lt;p&gt;Step-by-step guided tours that highlight UI elements and teach you features interactively.&lt;/p&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#FEF3C7"/&gt;
&lt;rect x="14" y="14" width="20" height="20" rx="2" stroke="#F59E0B" stroke-width="2.5" fill="none"/&gt;
&lt;path d="M18 22H30M18 26H26" stroke="#F59E0B" stroke-width="2" stroke-linecap="round"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Quick Tips&lt;/h4&gt;
&lt;p&gt;Essential shortcuts and tips displayed in the Help panel for quick reference.&lt;/p&gt;</description></item><item><title>Video Tutorials</title><link>https://confbuild.com/docs/tutorials/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/tutorials/</guid><description>&lt;p&gt;Master confBuild through our comprehensive video tutorial series. Whether you&amp;rsquo;re just getting started or looking to master advanced features, these tutorials will guide you every step of the way.&lt;/p&gt;
&lt;h2 id="getting-started"&gt;Getting Started&lt;/h2&gt;
&lt;div class="tutorial-video-grid"&gt;
&lt;div class="tutorial-video-card"&gt;
&lt;div class="video-wrapper"&gt;
&lt;iframe src="https://www.youtube.com/embed/sMULTYmEIz4" title="Quickstart Tutorial" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen&gt;&lt;/iframe&gt;
&lt;/div&gt;
&lt;div class="video-info"&gt;
&lt;span class="video-number"&gt;00&lt;/span&gt;
&lt;h3&gt;3-Minute Quickstart&lt;/h3&gt;
&lt;p&gt;Get up and running with confBuild in just 3 minutes. Learn the essential concepts of inputs, outputs, and 3D visualization.&lt;/p&gt;
&lt;span class="video-duration"&gt;3 min&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h2 id="how-to-tutorials"&gt;How-To Tutorials&lt;/h2&gt;
&lt;p&gt;Step-by-step guides for common tasks and workflows.&lt;/p&gt;</description></item><item><title>AI Assistant</title><link>https://confbuild.com/docs/ai-assistant/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/ai-assistant/</guid><description>&lt;div class="ai-hero-section"&gt;
&lt;div class="ai-hero-content"&gt;
&lt;div class="ai-hero-badge"&gt;AI-Powered&lt;/div&gt;
&lt;h2&gt;From Text to 3D in Seconds&lt;/h2&gt;
&lt;p&gt;Describe what you want to build in plain English. The AI generates all spreadsheet parameters, formulas, and 3D objects automatically.&lt;/p&gt;
&lt;/div&gt;
&lt;div class="ai-hero-visual"&gt;
&lt;div class="ai-prompt-demo"&gt;
&lt;div class="demo-input"&gt;
&lt;span class="demo-icon"&gt;✨&lt;/span&gt;
&lt;span class="demo-text"&gt;"Create a configurable bookshelf with 5 adjustable shelves"&lt;/span&gt;
&lt;/div&gt;
&lt;div class="demo-arrow"&gt;↓&lt;/div&gt;
&lt;div class="demo-output"&gt;
&lt;span class="demo-tag"&gt;Parameters&lt;/span&gt;
&lt;span class="demo-tag"&gt;Formulas&lt;/span&gt;
&lt;span class="demo-tag"&gt;3D Model&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h2 id="key-features"&gt;Key Features&lt;/h2&gt;
&lt;div class="ai-features-grid"&gt;
&lt;div class="ai-feature-card"&gt;
&lt;div class="ai-feature-icon"&gt;💬&lt;/div&gt;
&lt;h3&gt;Natural Language&lt;/h3&gt;
&lt;p&gt;Describe your configurator in everyday language. The AI understands context, dimensions, materials, and relationships.&lt;/p&gt;
&lt;div class="feature-examples"&gt;
&lt;code&gt;"Create a table 120cm wide"&lt;/code&gt;
&lt;code&gt;"Add aluminum frame legs"&lt;/code&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="ai-feature-card"&gt;
&lt;div class="ai-feature-icon"&gt;👁️&lt;/div&gt;
&lt;h3&gt;Visual Feedback&lt;/h3&gt;
&lt;p&gt;The AI analyzes screenshots of your 3D view to verify results and suggest improvements automatically.&lt;/p&gt;</description></item><item><title>Elements Reference</title><link>https://confbuild.com/docs/elements/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/elements/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;This page mirrors the element groups available in the Insert Object dialog. Some elements have dedicated reference pages, while newer or more specialized items are summarized here.&lt;/p&gt;
&lt;/section&gt;
&lt;section id="primitives" class="doc-section"&gt;
&lt;h2&gt;Basic Shapes&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Core volumetric primitives for most modeling workflows.&lt;/p&gt;
&lt;div class="element-grid"&gt;
&lt;a href="../cube/" class="element-card"&gt;
&lt;div class="element-icon"&gt;&amp;#9632;&lt;/div&gt;
&lt;h4&gt;Box / Cube&lt;/h4&gt;
&lt;p&gt;Rectangular solid with configurable width, height, and depth.&lt;/p&gt;
&lt;/a&gt;
&lt;div class="element-card"&gt;
&lt;div class="element-icon"&gt;&amp;#11034;&lt;/div&gt;
&lt;h4&gt;Chamfer Cube&lt;/h4&gt;
&lt;p&gt;Cube with beveled outer edges for softer mechanical corners.&lt;/p&gt;
&lt;/div&gt;
&lt;div class="element-card"&gt;
&lt;div class="element-icon"&gt;&amp;#11035;&lt;/div&gt;
&lt;h4&gt;Machined Block&lt;/h4&gt;
&lt;p&gt;Block-style primitive suited for machined part concepts and cut features.&lt;/p&gt;
&lt;/div&gt;
&lt;div class="element-card"&gt;
&lt;div class="element-icon"&gt;&amp;#10697;&lt;/div&gt;
&lt;h4&gt;Fillet Bracket&lt;/h4&gt;
&lt;p&gt;Bracket-like support shape with rounded transitions.&lt;/p&gt;</description></item><item><title>Cube / Box</title><link>https://confbuild.com/docs/cube/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/cube/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;The cube element allows you to create basic cubic shapes with customizable width, length, and height. It's one of the fundamental building blocks for creating 3D models in confBuild.&lt;/p&gt;
&lt;div class="doc-card"&gt;
&lt;h3&gt;Key Features&lt;/h3&gt;
&lt;ul class="feature-list"&gt;
&lt;li&gt;Configurable width, length, and height dimensions&lt;/li&gt;
&lt;li&gt;Full position and rotation control in 3D space&lt;/li&gt;
&lt;li&gt;Customizable material and color&lt;/li&gt;
&lt;li&gt;Support for transparent materials&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="parameters" class="doc-section"&gt;
&lt;h2&gt;Parameters&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Configure your cube with these parameters.&lt;/p&gt;
&lt;div class="formula-table"&gt;
&lt;div class="formula-row header"&gt;
&lt;span&gt;Parameter&lt;/span&gt;
&lt;span&gt;Description&lt;/span&gt;
&lt;span&gt;Example&lt;/span&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;width&lt;/code&gt;
&lt;span&gt;Width of the cube along X-axis&lt;/span&gt;
&lt;code&gt;100&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;length&lt;/code&gt;
&lt;span&gt;Length of the cube along Y-axis&lt;/span&gt;
&lt;code&gt;100&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;height&lt;/code&gt;
&lt;span&gt;Height of the cube along Z-axis&lt;/span&gt;
&lt;code&gt;100&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;material&lt;/code&gt;
&lt;span&gt;Material/color of the cube&lt;/span&gt;
&lt;code&gt;#550000&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;x, y, z&lt;/code&gt;
&lt;span&gt;Position in 3D space&lt;/span&gt;
&lt;code&gt;0, 0, 0&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;rx, ry, rz&lt;/code&gt;
&lt;span&gt;Rotation angles in degrees&lt;/span&gt;
&lt;code&gt;0, 0, 0&lt;/code&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="usage" class="doc-section"&gt;
&lt;h2&gt;Usage Examples&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Learn how to create cubes with these examples.&lt;/p&gt;</description></item><item><title>Sphere</title><link>https://confbuild.com/docs/sphere/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/sphere/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;The sphere element allows you to create perfect spherical shapes with a specified radius. Spheres are useful for creating balls, rounded endpoints, or any curved surface that needs to be perfectly symmetrical in all directions.&lt;/p&gt;
&lt;div class="doc-card"&gt;
&lt;h3&gt;Key Features&lt;/h3&gt;
&lt;ul class="feature-list"&gt;
&lt;li&gt;Configurable radius for any size&lt;/li&gt;
&lt;li&gt;Full position control in 3D space&lt;/li&gt;
&lt;li&gt;Customizable material and color&lt;/li&gt;
&lt;li&gt;Perfect for rounded elements and joints&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="parameters" class="doc-section"&gt;
&lt;h2&gt;Parameters&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Configure your sphere with these parameters.&lt;/p&gt;
&lt;div class="formula-table"&gt;
&lt;div class="formula-row header"&gt;
&lt;span&gt;Parameter&lt;/span&gt;
&lt;span&gt;Description&lt;/span&gt;
&lt;span&gt;Example&lt;/span&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;radius&lt;/code&gt;
&lt;span&gt;Radius of the sphere&lt;/span&gt;
&lt;code&gt;10&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;material&lt;/code&gt;
&lt;span&gt;Material/color of the sphere&lt;/span&gt;
&lt;code&gt;#550000&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;x, y, z&lt;/code&gt;
&lt;span&gt;Position in 3D space&lt;/span&gt;
&lt;code&gt;0, 0, 0&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;rx, ry, rz&lt;/code&gt;
&lt;span&gt;Rotation angles in degrees&lt;/span&gt;
&lt;code&gt;0, 0, 0&lt;/code&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="usage" class="doc-section"&gt;
&lt;h2&gt;Usage Examples&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Learn how to create spheres with these examples.&lt;/p&gt;</description></item><item><title>Cylinder</title><link>https://confbuild.com/docs/cylinder/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/cylinder/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;The cylinder element allows you to create cylindrical shapes with customizable top and bottom radii, enabling both regular cylinders and truncated cones. This makes it versatile for creating pipes, posts, containers, and tapered shapes.&lt;/p&gt;
&lt;div class="doc-card"&gt;
&lt;h3&gt;Key Features&lt;/h3&gt;
&lt;ul class="feature-list"&gt;
&lt;li&gt;Independent top and bottom radius configuration&lt;/li&gt;
&lt;li&gt;Create regular cylinders or tapered cones&lt;/li&gt;
&lt;li&gt;Full position and rotation control in 3D space&lt;/li&gt;
&lt;li&gt;Customizable material and color&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="parameters" class="doc-section"&gt;
&lt;h2&gt;Parameters&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Configure your cylinder with these parameters.&lt;/p&gt;
&lt;div class="formula-table"&gt;
&lt;div class="formula-row header"&gt;
&lt;span&gt;Parameter&lt;/span&gt;
&lt;span&gt;Description&lt;/span&gt;
&lt;span&gt;Example&lt;/span&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;radiusTop&lt;/code&gt;
&lt;span&gt;Radius of the top circle&lt;/span&gt;
&lt;code&gt;50&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;radiusBottom&lt;/code&gt;
&lt;span&gt;Radius of the bottom circle&lt;/span&gt;
&lt;code&gt;50&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;height&lt;/code&gt;
&lt;span&gt;Height of the cylinder&lt;/span&gt;
&lt;code&gt;200&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;material&lt;/code&gt;
&lt;span&gt;Material/color of the cylinder&lt;/span&gt;
&lt;code&gt;#445566&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;x, y, z&lt;/code&gt;
&lt;span&gt;Position in 3D space&lt;/span&gt;
&lt;code&gt;0, 0, 0&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;rx, ry, rz&lt;/code&gt;
&lt;span&gt;Rotation angles in degrees&lt;/span&gt;
&lt;code&gt;0, 0, 0&lt;/code&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="usage" class="doc-section"&gt;
&lt;h2&gt;Usage Examples&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Learn how to create cylinders with these examples.&lt;/p&gt;</description></item><item><title>Extrusion</title><link>https://confbuild.com/docs/extrusion/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/extrusion/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;The extrusion feature allows you to create 3D objects by extruding 2D shapes along a specified direction. This is a powerful way to create complex 3D geometries from simple 2D profiles.&lt;/p&gt;
&lt;div class="doc-card"&gt;
&lt;h3&gt;Key Features&lt;/h3&gt;
&lt;ul class="feature-list"&gt;
&lt;li&gt;Define custom 2D shapes using point coordinates&lt;/li&gt;
&lt;li&gt;Extrude along any direction vector&lt;/li&gt;
&lt;li&gt;Support for sheared extrusions&lt;/li&gt;
&lt;li&gt;Create complex cross-section profiles&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="parameters" class="doc-section"&gt;
&lt;h2&gt;Parameters&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Configure your extrusion with these parameters.&lt;/p&gt;
&lt;div class="formula-table"&gt;
&lt;div class="formula-row header"&gt;
&lt;span&gt;Parameter&lt;/span&gt;
&lt;span&gt;Description&lt;/span&gt;
&lt;span&gt;Example&lt;/span&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;baseplane&lt;/code&gt;
&lt;span&gt;2D shape points in XY plane&lt;/span&gt;
&lt;code&gt;(0,0);(100,0);(200,100);(0,100)&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;extrusionvector&lt;/code&gt;
&lt;span&gt;Direction and length of extrusion&lt;/span&gt;
&lt;code&gt;(0,0,300)&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;material&lt;/code&gt;
&lt;span&gt;Material/color of the extruded shape&lt;/span&gt;
&lt;code&gt;#445566&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;x, y, z&lt;/code&gt;
&lt;span&gt;Position of the extrusion base&lt;/span&gt;
&lt;code&gt;0, 0, 0&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;rx, ry, rz&lt;/code&gt;
&lt;span&gt;Rotation angles in degrees&lt;/span&gt;
&lt;code&gt;0, 0, 0&lt;/code&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="doc-card"&gt;
&lt;h3&gt;Baseplane Format&lt;/h3&gt;
&lt;p&gt;Points are defined using the format &lt;code&gt;(x,y);(x,y);...&lt;/code&gt; where each point represents a vertex of the 2D profile:&lt;/p&gt;</description></item><item><title>I-Beam</title><link>https://confbuild.com/docs/ibeam/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/ibeam/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;The I-beam element allows you to create structural steel beams with either standard profiles (like IPE, HEA, HEB) or custom dimensions. I-beams are widely used in construction and mechanical engineering for their excellent strength-to-weight ratio.&lt;/p&gt;
&lt;div class="doc-card"&gt;
&lt;h3&gt;Key Features&lt;/h3&gt;
&lt;ul class="feature-list"&gt;
&lt;li&gt;Standard profiles: IPE, HEA, HEB series&lt;/li&gt;
&lt;li&gt;Custom profile dimensions&lt;/li&gt;
&lt;li&gt;Sloped end cuts for angled connections&lt;/li&gt;
&lt;li&gt;Full position and rotation control&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="parameters" class="doc-section"&gt;
&lt;h2&gt;Parameters&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Configure your I-beam with these parameters.&lt;/p&gt;
&lt;div class="formula-table"&gt;
&lt;div class="formula-row header"&gt;
&lt;span&gt;Parameter&lt;/span&gt;
&lt;span&gt;Description&lt;/span&gt;
&lt;span&gt;Example&lt;/span&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;profile&lt;/code&gt;
&lt;span&gt;Standard profile designation&lt;/span&gt;
&lt;code&gt;IPE 200&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;width&lt;/code&gt;
&lt;span&gt;Total width (for custom profiles)&lt;/span&gt;
&lt;code&gt;100&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;height&lt;/code&gt;
&lt;span&gt;Total height (for custom profiles)&lt;/span&gt;
&lt;code&gt;200&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;length&lt;/code&gt;
&lt;span&gt;Length of the beam&lt;/span&gt;
&lt;code&gt;1500&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;flangeThickness&lt;/code&gt;
&lt;span&gt;Thickness of flanges&lt;/span&gt;
&lt;code&gt;8&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;webThickness&lt;/code&gt;
&lt;span&gt;Thickness of web&lt;/span&gt;
&lt;code&gt;5&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;material&lt;/code&gt;
&lt;span&gt;Material/color of the beam&lt;/span&gt;
&lt;code&gt;#445566&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;startSlope&lt;/code&gt;
&lt;span&gt;Slope angle at start (degrees)&lt;/span&gt;
&lt;code&gt;15&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;endSlope&lt;/code&gt;
&lt;span&gt;Slope angle at end (degrees)&lt;/span&gt;
&lt;code&gt;-15&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;x, y, z&lt;/code&gt;
&lt;span&gt;Position in 3D space&lt;/span&gt;
&lt;code&gt;0, 0, 0&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;rx, ry, rz&lt;/code&gt;
&lt;span&gt;Rotation angles in degrees&lt;/span&gt;
&lt;code&gt;0, 0, 0&lt;/code&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="standards" class="doc-section"&gt;
&lt;h2&gt;Available Standards&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Supported I-beam profile series.&lt;/p&gt;</description></item><item><title>Aluminum Profile</title><link>https://confbuild.com/docs/aluprofile/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/aluprofile/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;The aluminum profile element allows you to create standardized aluminum extrusion profiles commonly used in industrial applications, machine frames, and modular construction. These profiles feature T-slots for easy assembly and modification.&lt;/p&gt;
&lt;div class="doc-card"&gt;
&lt;h3&gt;Key Features&lt;/h3&gt;
&lt;ul class="feature-list"&gt;
&lt;li&gt;Standard series: 20, 30, 40, 45&lt;/li&gt;
&lt;li&gt;Various size configurations&lt;/li&gt;
&lt;li&gt;T-slot compatible design&lt;/li&gt;
&lt;li&gt;Full position and rotation control&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="parameters" class="doc-section"&gt;
&lt;h2&gt;Parameters&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Configure your aluminum profile.&lt;/p&gt;
&lt;div class="formula-table"&gt;
&lt;div class="formula-row header"&gt;
&lt;span&gt;Parameter&lt;/span&gt;
&lt;span&gt;Description&lt;/span&gt;
&lt;span&gt;Example&lt;/span&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;series&lt;/code&gt;
&lt;span&gt;Profile series designation&lt;/span&gt;
&lt;code&gt;20&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;size&lt;/code&gt;
&lt;span&gt;Profile size designation&lt;/span&gt;
&lt;code&gt;20x20&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;length&lt;/code&gt;
&lt;span&gt;Length of the profile&lt;/span&gt;
&lt;code&gt;1000&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;material&lt;/code&gt;
&lt;span&gt;Material/color of the profile&lt;/span&gt;
&lt;code&gt;#A4A4A4&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;x, y, z&lt;/code&gt;
&lt;span&gt;Position in 3D space&lt;/span&gt;
&lt;code&gt;0, 0, 0&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;rx, ry, rz&lt;/code&gt;
&lt;span&gt;Rotation angles in degrees&lt;/span&gt;
&lt;code&gt;0, 0, 0&lt;/code&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="series" class="doc-section"&gt;
&lt;h2&gt;Available Series&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Standard aluminum profile series.&lt;/p&gt;</description></item><item><title>Wall</title><link>https://confbuild.com/docs/wall/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/wall/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;The wall element creates architectural walls for building design and construction visualization. Walls support automatic cutting for windows and doors, making it easy to create realistic building structures.&lt;/p&gt;
&lt;div class="doc-card"&gt;
&lt;h3&gt;Key Features&lt;/h3&gt;
&lt;ul class="feature-list"&gt;
&lt;li&gt;Standard rectangular walls with configurable dimensions&lt;/li&gt;
&lt;li&gt;Floor walls for floor plan-based modeling&lt;/li&gt;
&lt;li&gt;Automatic window and door opening integration&lt;/li&gt;
&lt;li&gt;Full position and rotation control&lt;/li&gt;
&lt;li&gt;Face centers for precise element attachment&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="parameters" class="doc-section"&gt;
&lt;h2&gt;Parameters&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Configure your wall with these parameters.&lt;/p&gt;
&lt;div class="formula-table"&gt;
&lt;div class="formula-row header"&gt;
&lt;span&gt;Parameter&lt;/span&gt;
&lt;span&gt;Description&lt;/span&gt;
&lt;span&gt;Example&lt;/span&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;width&lt;/code&gt;
&lt;span&gt;Width of the wall (X dimension)&lt;/span&gt;
&lt;code&gt;400&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;depth&lt;/code&gt;
&lt;span&gt;Thickness of the wall (Y dimension)&lt;/span&gt;
&lt;code&gt;20&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;height&lt;/code&gt;
&lt;span&gt;Height of the wall (Z dimension)&lt;/span&gt;
&lt;code&gt;250&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;material&lt;/code&gt;
&lt;span&gt;Material/color of the wall&lt;/span&gt;
&lt;code&gt;#CCCCCC&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;x, y, z&lt;/code&gt;
&lt;span&gt;Position in 3D space&lt;/span&gt;
&lt;code&gt;0, 0, 0&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;rx, ry, rz&lt;/code&gt;
&lt;span&gt;Rotation angles in degrees&lt;/span&gt;
&lt;code&gt;0, 0, 0&lt;/code&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="floorwall" class="doc-section"&gt;
&lt;h2&gt;Floor Wall&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Create walls from floor plan coordinates with built-in openings.&lt;/p&gt;</description></item><item><title>Door</title><link>https://confbuild.com/docs/door/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/door/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;The door element creates complete door components including frame, panel, and optional swing arc visualization. Doors can automatically cut openings in walls when attached.&lt;/p&gt;
&lt;div class="doc-card"&gt;
&lt;h3&gt;Key Features&lt;/h3&gt;
&lt;ul class="feature-list"&gt;
&lt;li&gt;Multiple door types: single, double, sliding, pocket&lt;/li&gt;
&lt;li&gt;Configurable frame and panel&lt;/li&gt;
&lt;li&gt;Swing direction control (left/right/both)&lt;/li&gt;
&lt;li&gt;Automatic wall cutting when attached&lt;/li&gt;
&lt;li&gt;Standard door dimensions or custom sizes&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="parameters" class="doc-section"&gt;
&lt;h2&gt;Parameters&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Configure your door with these parameters.&lt;/p&gt;
&lt;div class="formula-table"&gt;
&lt;div class="formula-row header"&gt;
&lt;span&gt;Parameter&lt;/span&gt;
&lt;span&gt;Description&lt;/span&gt;
&lt;span&gt;Example&lt;/span&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;width&lt;/code&gt;
&lt;span&gt;Door width in cm (default 90)&lt;/span&gt;
&lt;code&gt;90&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;height&lt;/code&gt;
&lt;span&gt;Door height in cm (default 210)&lt;/span&gt;
&lt;code&gt;210&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;doorType&lt;/code&gt;
&lt;span&gt;Type: single, double, sliding, pocket&lt;/span&gt;
&lt;code&gt;single&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;swing&lt;/code&gt;
&lt;span&gt;Swing direction: left, right, both&lt;/span&gt;
&lt;code&gt;left&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;hasFrame&lt;/code&gt;
&lt;span&gt;Include door frame (default true)&lt;/span&gt;
&lt;code&gt;true&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;frameThickness&lt;/code&gt;
&lt;span&gt;Frame thickness in cm (default 5)&lt;/span&gt;
&lt;code&gt;5&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;material&lt;/code&gt;
&lt;span&gt;Door panel material/color&lt;/span&gt;
&lt;code&gt;#8B4513&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;autocut&lt;/code&gt;
&lt;span&gt;Auto-cut wall openings (default true)&lt;/span&gt;
&lt;code&gt;true&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;refpos&lt;/code&gt;
&lt;span&gt;Wall attachment reference&lt;/span&gt;
&lt;code&gt;wall1.2&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;x, y, z&lt;/code&gt;
&lt;span&gt;Position in 3D space&lt;/span&gt;
&lt;code&gt;0, 0, 0&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;rx, ry, rz&lt;/code&gt;
&lt;span&gt;Rotation angles in degrees&lt;/span&gt;
&lt;code&gt;0, 0, 0&lt;/code&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="types" class="doc-section"&gt;
&lt;h2&gt;Door Types&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Available door configurations.&lt;/p&gt;</description></item><item><title>Window</title><link>https://confbuild.com/docs/window/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/window/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;The window element creates complete window components including frame, glass panes, and optional divisions. Windows feature realistic transparent glass and can automatically cut openings in walls when attached.&lt;/p&gt;
&lt;div class="doc-card"&gt;
&lt;h3&gt;Key Features&lt;/h3&gt;
&lt;ul class="feature-list"&gt;
&lt;li&gt;Multiple window types: fixed, casement, sliding, tilt&lt;/li&gt;
&lt;li&gt;Configurable frame and glass panes&lt;/li&gt;
&lt;li&gt;Adjustable number of divisions&lt;/li&gt;
&lt;li&gt;Automatic wall cutting when attached&lt;/li&gt;
&lt;li&gt;Sill height control for positioning&lt;/li&gt;
&lt;li&gt;Transparent glass with realistic appearance&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="parameters" class="doc-section"&gt;
&lt;h2&gt;Parameters&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Configure your window with these parameters.&lt;/p&gt;
&lt;div class="formula-table"&gt;
&lt;div class="formula-row header"&gt;
&lt;span&gt;Parameter&lt;/span&gt;
&lt;span&gt;Description&lt;/span&gt;
&lt;span&gt;Example&lt;/span&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;width&lt;/code&gt;
&lt;span&gt;Window width in cm (default 120)&lt;/span&gt;
&lt;code&gt;120&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;height&lt;/code&gt;
&lt;span&gt;Window height in cm (default 120)&lt;/span&gt;
&lt;code&gt;120&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;sillHeight&lt;/code&gt;
&lt;span&gt;Height from floor to window bottom in cm (default 90)&lt;/span&gt;
&lt;code&gt;90&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;windowType&lt;/code&gt;
&lt;span&gt;Type: fixed, casement, sliding, tilt&lt;/span&gt;
&lt;code&gt;casement&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;divisions&lt;/code&gt;
&lt;span&gt;Number of window panes (default 2)&lt;/span&gt;
&lt;code&gt;2&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;hasFrame&lt;/code&gt;
&lt;span&gt;Include window frame (default true)&lt;/span&gt;
&lt;code&gt;true&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;frameThickness&lt;/code&gt;
&lt;span&gt;Frame thickness in cm (default 5)&lt;/span&gt;
&lt;code&gt;5&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;material&lt;/code&gt;
&lt;span&gt;Frame material/color&lt;/span&gt;
&lt;code&gt;#FFFFFF&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;autocut&lt;/code&gt;
&lt;span&gt;Auto-cut wall openings (default true)&lt;/span&gt;
&lt;code&gt;true&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;refpos&lt;/code&gt;
&lt;span&gt;Wall attachment reference&lt;/span&gt;
&lt;code&gt;wall1.5&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;x, y, z&lt;/code&gt;
&lt;span&gt;Position in 3D space&lt;/span&gt;
&lt;code&gt;0, 0, 0&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;rx, ry, rz&lt;/code&gt;
&lt;span&gt;Rotation angles in degrees&lt;/span&gt;
&lt;code&gt;0, 0, 0&lt;/code&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="types" class="doc-section"&gt;
&lt;h2&gt;Window Types&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Available window configurations.&lt;/p&gt;</description></item><item><title>Subtraction (Boolean)</title><link>https://confbuild.com/docs/subtraction/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/subtraction/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;The Subtraction operation allows you to create complex shapes by subtracting one 3D object (the tool) from another (the target). This is useful for creating holes, cutouts, and other negative space features in your 3D models.&lt;/p&gt;
&lt;div class="doc-card"&gt;
&lt;h3&gt;Key Features&lt;/h3&gt;
&lt;ul class="feature-list"&gt;
&lt;li&gt;Create holes and cutouts in solid objects&lt;/li&gt;
&lt;li&gt;Reference other objects as tools&lt;/li&gt;
&lt;li&gt;Build complex geometry from simple primitives&lt;/li&gt;
&lt;li&gt;Chain multiple subtractions for intricate designs&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class="doc-card"&gt;
&lt;h3&gt;How It Works&lt;/h3&gt;
&lt;p&gt;The subtraction operation takes two objects:&lt;/p&gt;</description></item><item><title>Lights</title><link>https://confbuild.com/docs/lights/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/lights/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Lighting is a crucial element of 3D visualization that can dramatically enhance the appearance and realism of your scene. confBuild supports all standard Three.js light types.&lt;/p&gt;
&lt;div class="doc-card"&gt;
&lt;h3&gt;Available Light Types&lt;/h3&gt;
&lt;ul class="feature-list"&gt;
&lt;li&gt;&lt;code&gt;point&lt;/code&gt; - Light emitting from a single point in all directions&lt;/li&gt;
&lt;li&gt;&lt;code&gt;spot&lt;/code&gt; - Cone-shaped light in a specific direction&lt;/li&gt;
&lt;li&gt;&lt;code&gt;directional&lt;/code&gt; - Parallel light rays like the sun&lt;/li&gt;
&lt;li&gt;&lt;code&gt;ambient&lt;/code&gt; - Uniform light affecting all objects equally&lt;/li&gt;
&lt;li&gt;&lt;code&gt;hemisphere&lt;/code&gt; - Sky-to-ground gradient light&lt;/li&gt;
&lt;li&gt;&lt;code&gt;rectarea&lt;/code&gt; - Light from a rectangular surface&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="parameters" class="doc-section"&gt;
&lt;h2&gt;Common Parameters&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Parameters shared across light types.&lt;/p&gt;</description></item><item><title>GLTF Import</title><link>https://confbuild.com/docs/gltf/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/gltf/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;The GLTF element allows you to import external 3D models in the GLTF (GL Transmission Format) into your scene. GLTF is a standard file format for 3D scenes and models widely used in web-based 3D applications.&lt;/p&gt;
&lt;div class="doc-card"&gt;
&lt;h3&gt;Key Features&lt;/h3&gt;
&lt;ul class="feature-list"&gt;
&lt;li&gt;Import GLTF (.gltf) and GLB (.glb) files&lt;/li&gt;
&lt;li&gt;Full position, rotation, and scale control&lt;/li&gt;
&lt;li&gt;Preserves materials and textures&lt;/li&gt;
&lt;li&gt;Support for animations (when available)&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class="doc-card"&gt;
&lt;h3&gt;Supported Formats&lt;/h3&gt;
&lt;div class="formula-table"&gt;
&lt;div class="formula-row header"&gt;
&lt;span&gt;Format&lt;/span&gt;
&lt;span&gt;Extension&lt;/span&gt;
&lt;span&gt;Notes&lt;/span&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;GLTF&lt;/code&gt;
&lt;span&gt;.gltf&lt;/span&gt;
&lt;span&gt;JSON format with external assets&lt;/span&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;GLB&lt;/code&gt;
&lt;span&gt;.glb&lt;/span&gt;
&lt;span&gt;Binary format (recommended)&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;GLB is recommended as it packages all assets into a single file.&lt;/p&gt;</description></item><item><title>Working with 3D</title><link>https://confbuild.com/docs/working-with-3d/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/working-with-3d/</guid><description>&lt;section id="coordinates" class="doc-section"&gt;
&lt;h2&gt;Coordinate System&lt;/h2&gt;
&lt;p class="doc-lead"&gt;confBuild uses a standard right-handed 3D coordinate system for precise object placement.&lt;/p&gt;
&lt;div class="concept-grid"&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#FEE2E2"/&gt;
&lt;path d="M12 36L36 36" stroke="#EF4444" stroke-width="3" stroke-linecap="round"/&gt;
&lt;path d="M32 32L36 36L32 40" stroke="#EF4444" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;text x="38" y="40" fill="#EF4444" font-size="10" font-weight="bold"&gt;X&lt;/text&gt;
&lt;/svg&gt;
&lt;h4&gt;X-Axis (Red)&lt;/h4&gt;
&lt;p&gt;Horizontal left/right movement&lt;/p&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#DCFCE7"/&gt;
&lt;path d="M24 36L24 12" stroke="#22C55E" stroke-width="3" stroke-linecap="round"/&gt;
&lt;path d="M20 16L24 12L28 16" stroke="#22C55E" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;text x="30" y="16" fill="#22C55E" font-size="10" font-weight="bold"&gt;Y&lt;/text&gt;
&lt;/svg&gt;
&lt;h4&gt;Y-Axis (Green)&lt;/h4&gt;
&lt;p&gt;Vertical up/down movement&lt;/p&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#DBEAFE"/&gt;
&lt;path d="M16 32L32 20" stroke="#3B82F6" stroke-width="3" stroke-linecap="round"/&gt;
&lt;path d="M26 18L32 20L30 26" stroke="#3B82F6" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;text x="34" y="18" fill="#3B82F6" font-size="10" font-weight="bold"&gt;Z&lt;/text&gt;
&lt;/svg&gt;
&lt;h4&gt;Z-Axis (Blue)&lt;/h4&gt;
&lt;p&gt;Depth forward/back movement&lt;/p&gt;</description></item><item><title>Using Formulas</title><link>https://confbuild.com/docs/formulas/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/formulas/</guid><description>&lt;section id="basics" class="doc-section"&gt;
&lt;h2&gt;Basic Formula Syntax&lt;/h2&gt;
&lt;p class="doc-lead"&gt;confBuild supports 95% of Excel formulas, allowing you to create powerful parametric relationships.&lt;/p&gt;
&lt;div class="doc-card"&gt;
&lt;svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="margin-bottom: 16px;"&gt;
&lt;rect width="64" height="64" rx="12" fill="#E0E7FF"/&gt;
&lt;text x="32" y="40" text-anchor="middle" fill="#6366F1" font-size="28" font-weight="bold"&gt;=&lt;/text&gt;
&lt;/svg&gt;
&lt;h3&gt;The Equals Sign&lt;/h3&gt;
&lt;p&gt;All formulas start with an equals sign &lt;code&gt;=&lt;/code&gt;:&lt;/p&gt;
&lt;pre class="code-block"&gt;=A1 + B1
=Width * 2
=IF(Height &gt; 100, "Large", "Small")&lt;/pre&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="references" class="doc-section"&gt;
&lt;h2&gt;Cell References&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Reference other cells to create dynamic relationships.&lt;/p&gt;
&lt;div class="concept-grid"&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#DBEAFE"/&gt;
&lt;rect x="12" y="12" width="24" height="24" rx="4" stroke="#3B82F6" stroke-width="2.5" fill="none"/&gt;
&lt;text x="24" y="29" text-anchor="middle" fill="#3B82F6" font-size="12" font-weight="bold"&gt;A1&lt;/text&gt;
&lt;/svg&gt;
&lt;h4&gt;Single Cell&lt;/h4&gt;
&lt;p&gt;Reference: &lt;code&gt;A1&lt;/code&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#DCFCE7"/&gt;
&lt;rect x="10" y="14" width="12" height="20" rx="2" stroke="#22C55E" stroke-width="2" fill="none"/&gt;
&lt;rect x="26" y="14" width="12" height="20" rx="2" stroke="#22C55E" stroke-width="2" fill="none" stroke-dasharray="4 2"/&gt;
&lt;path d="M22 24H26" stroke="#22C55E" stroke-width="2"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Range&lt;/h4&gt;
&lt;p&gt;Reference: &lt;code&gt;A1:A10&lt;/code&gt;&lt;/p&gt;</description></item><item><title>Project Management</title><link>https://confbuild.com/docs/project-management/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/project-management/</guid><description>&lt;section id="structure" class="doc-section"&gt;
&lt;h2&gt;Project Structure&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Understand what makes up a confBuild project.&lt;/p&gt;
&lt;div class="concept-grid"&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#DCFCE7"/&gt;
&lt;rect x="12" y="14" width="24" height="20" rx="2" stroke="#22C55E" stroke-width="2" fill="none"/&gt;
&lt;path d="M12 20H36M20 14V34M28 14V34" stroke="#22C55E" stroke-width="1.5" opacity="0.5"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Spreadsheet Data&lt;/h4&gt;
&lt;p&gt;Parameters and formulas that drive your configurator&lt;/p&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#DBEAFE"/&gt;
&lt;path d="M24 12L36 20V32L24 40L12 32V20L24 12Z" stroke="#3B82F6" stroke-width="2" fill="none"/&gt;
&lt;path d="M24 12V24M24 24L36 20M24 24L12 20" stroke="#3B82F6" stroke-width="1.5" opacity="0.5"/&gt;
&lt;/svg&gt;
&lt;h4&gt;3D Scene&lt;/h4&gt;
&lt;p&gt;Objects, positions, and their relationships&lt;/p&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#F3E8FF"/&gt;
&lt;rect x="14" y="12" width="20" height="16" rx="2" stroke="#8C30F5" stroke-width="2" fill="none"/&gt;
&lt;circle cx="20" cy="20" r="3" fill="#8C30F5" opacity="0.5"/&gt;
&lt;path d="M14 24L20 20L26 24L34 18" stroke="#8C30F5" stroke-width="1.5"/&gt;
&lt;rect x="14" y="32" width="8" height="4" rx="1" fill="#8C30F5" opacity="0.3"/&gt;
&lt;rect x="26" y="32" width="8" height="4" rx="1" fill="#8C30F5" opacity="0.3"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Assets&lt;/h4&gt;
&lt;p&gt;Imported models, textures, and images&lt;/p&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#FEF3C7"/&gt;
&lt;circle cx="24" cy="24" r="10" stroke="#F59E0B" stroke-width="2" fill="none"/&gt;
&lt;circle cx="24" cy="24" r="3" fill="#F59E0B"/&gt;
&lt;path d="M24 14V17M24 31V34M14 24H17M31 24H34" stroke="#F59E0B" stroke-width="2" stroke-linecap="round"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Settings&lt;/h4&gt;
&lt;p&gt;Project configuration and preferences&lt;/p&gt;</description></item><item><title>Keyboard Shortcuts</title><link>https://confbuild.com/docs/keyboard-shortcuts/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/keyboard-shortcuts/</guid><description>&lt;section id="quickref" class="doc-section"&gt;
&lt;h2&gt;Quick Reference&lt;/h2&gt;
&lt;p class="doc-lead"&gt;The most commonly used shortcuts at a glance.&lt;/p&gt;
&lt;div class="concept-grid"&gt;
&lt;div class="concept-card"&gt;
&lt;code style="font-size: 16px; background: #8C30F5; color: white; padding: 4px 12px; border-radius: 4px;"&gt;Ctrl+G&lt;/code&gt;
&lt;h4&gt;Grid Snap&lt;/h4&gt;
&lt;p&gt;Toggle grid snapping&lt;/p&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;code style="font-size: 16px; background: #8C30F5; color: white; padding: 4px 12px; border-radius: 4px;"&gt;Ctrl+D&lt;/code&gt;
&lt;h4&gt;Copy Coords&lt;/h4&gt;
&lt;p&gt;Copy 3D coordinates&lt;/p&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;code style="font-size: 16px; background: #8C30F5; color: white; padding: 4px 12px; border-radius: 4px;"&gt;Alt+W&lt;/code&gt;
&lt;h4&gt;Wireframe&lt;/h4&gt;
&lt;p&gt;Toggle wireframe view&lt;/p&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;code style="font-size: 16px; background: #8C30F5; color: white; padding: 4px 12px; border-radius: 4px;"&gt;Escape&lt;/code&gt;
&lt;h4&gt;Cancel&lt;/h4&gt;
&lt;p&gt;Exit mode/cancel action&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="global" class="doc-section"&gt;
&lt;h2&gt;Global Shortcuts&lt;/h2&gt;
&lt;p class="doc-lead"&gt;These shortcuts work anywhere in the confBuild editor.&lt;/p&gt;</description></item><item><title>2D Overlays</title><link>https://confbuild.com/docs/2d-overlays/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/2d-overlays/</guid><description>&lt;section id="labels" class="doc-section"&gt;
&lt;h2&gt;Text Labels&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Add text annotations to enhance your 3D scene.&lt;/p&gt;
&lt;div class="doc-card"&gt;
&lt;svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="margin-bottom: 16px;"&gt;
&lt;rect width="64" height="64" rx="12" fill="#E0E7FF"/&gt;
&lt;text x="32" y="42" text-anchor="middle" fill="#6366F1" font-size="28" font-weight="bold"&gt;Aa&lt;/text&gt;
&lt;/svg&gt;
&lt;h3&gt;Text Element&lt;/h3&gt;
&lt;pre class="code-block"&gt;Type | Text | X | Y | FontSize | Color
text | Total: $500 | 20 | 30 | 18 | #333333&lt;/pre&gt;
&lt;/div&gt;
&lt;div class="formula-table"&gt;
&lt;div class="formula-row header"&gt;
&lt;span&gt;Parameter&lt;/span&gt;
&lt;span&gt;Description&lt;/span&gt;
&lt;span&gt;Example&lt;/span&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;type&lt;/code&gt;
&lt;span&gt;Element type&lt;/span&gt;
&lt;code&gt;text&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;text&lt;/code&gt;
&lt;span&gt;Label content&lt;/span&gt;
&lt;code&gt;"Width: 100mm"&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;x, y&lt;/code&gt;
&lt;span&gt;2D position in pixels&lt;/span&gt;
&lt;code&gt;50, 100&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;fontSize&lt;/code&gt;
&lt;span&gt;Text size&lt;/span&gt;
&lt;code&gt;16&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;color&lt;/code&gt;
&lt;span&gt;Text color&lt;/span&gt;
&lt;code&gt;#333333&lt;/code&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="dimensions" class="doc-section"&gt;
&lt;h2&gt;Dimension Lines&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Display measurements directly on your 3D model.&lt;/p&gt;</description></item><item><title>Animations</title><link>https://confbuild.com/docs/animations/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/animations/</guid><description>&lt;section id="basics" class="doc-section"&gt;
&lt;h2&gt;Animation Basics&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Add motion and interactivity to your configurators.&lt;/p&gt;
&lt;div class="concept-grid"&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#DBEAFE"/&gt;
&lt;path d="M16 24H32" stroke="#3B82F6" stroke-width="2" stroke-linecap="round"/&gt;
&lt;circle cx="16" cy="24" r="4" fill="#3B82F6" opacity="0.3"/&gt;
&lt;circle cx="24" cy="24" r="4" fill="#3B82F6" opacity="0.6"/&gt;
&lt;circle cx="32" cy="24" r="4" fill="#3B82F6"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Move Objects&lt;/h4&gt;
&lt;p&gt;Animate along paths&lt;/p&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#DCFCE7"/&gt;
&lt;rect x="18" y="18" width="12" height="12" rx="2" stroke="#22C55E" stroke-width="2" fill="none" transform="rotate(0 24 24)"/&gt;
&lt;rect x="18" y="18" width="12" height="12" rx="2" stroke="#22C55E" stroke-width="2" fill="none" transform="rotate(15 24 24)" opacity="0.5"/&gt;
&lt;rect x="18" y="18" width="12" height="12" rx="2" stroke="#22C55E" stroke-width="2" fill="none" transform="rotate(30 24 24)" opacity="0.3"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Rotate Elements&lt;/h4&gt;
&lt;p&gt;Spin over time&lt;/p&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#F3E8FF"/&gt;
&lt;circle cx="24" cy="24" r="6" fill="#8C30F5"/&gt;
&lt;circle cx="24" cy="24" r="10" stroke="#8C30F5" stroke-width="2" fill="none" opacity="0.5"/&gt;
&lt;circle cx="24" cy="24" r="14" stroke="#8C30F5" stroke-width="2" fill="none" opacity="0.3"/&gt;
&lt;/svg&gt;
&lt;h4&gt;State Transitions&lt;/h4&gt;
&lt;p&gt;Morph between states&lt;/p&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#FEF3C7"/&gt;
&lt;path d="M16 32L24 18L32 32" stroke="#F59E0B" stroke-width="2" fill="none"/&gt;
&lt;circle cx="24" cy="20" r="3" fill="#F59E0B"/&gt;
&lt;path d="M20 28H28" stroke="#F59E0B" stroke-width="2" stroke-linecap="round"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Interactive Demos&lt;/h4&gt;
&lt;p&gt;Showcase products&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="timer" class="doc-section"&gt;
&lt;h2&gt;Timer-Based Animations&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Use timers to create time-based motion.&lt;/p&gt;
&lt;div class="doc-card"&gt;
&lt;svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="margin-bottom: 16px;"&gt;
&lt;rect width="64" height="64" rx="12" fill="#E0E7FF"/&gt;
&lt;circle cx="32" cy="32" r="16" stroke="#6366F1" stroke-width="2.5" fill="none"/&gt;
&lt;path d="M32 20V32L40 36" stroke="#6366F1" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;
&lt;h3&gt;Timer Element&lt;/h3&gt;
&lt;pre class="code-block"&gt;Type | Duration | Loop | Autostart
timer | 2000 | true | true&lt;/pre&gt;
&lt;/div&gt;
&lt;div class="formula-table"&gt;
&lt;div class="formula-row header"&gt;
&lt;span&gt;Parameter&lt;/span&gt;
&lt;span&gt;Description&lt;/span&gt;
&lt;span&gt;Example&lt;/span&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;type&lt;/code&gt;
&lt;span&gt;Element type&lt;/span&gt;
&lt;code&gt;timer&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;duration&lt;/code&gt;
&lt;span&gt;Animation length (ms)&lt;/span&gt;
&lt;code&gt;2000&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;loop&lt;/code&gt;
&lt;span&gt;Repeat animation&lt;/span&gt;
&lt;code&gt;true&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;autostart&lt;/code&gt;
&lt;span&gt;Start automatically&lt;/span&gt;
&lt;code&gt;true&lt;/code&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="properties" class="doc-section"&gt;
&lt;h2&gt;Animated Properties&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Animate any numeric property using formulas.&lt;/p&gt;</description></item><item><title>Subconfigurators</title><link>https://confbuild.com/docs/subconfigurators/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/subconfigurators/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;What are Subconfigurators?&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Create modular, reusable components that can be shared across multiple projects.&lt;/p&gt;
&lt;div class="concept-grid"&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#E0E7FF"/&gt;
&lt;rect x="10" y="10" width="12" height="12" rx="2" fill="#6366F1"/&gt;
&lt;rect x="26" y="10" width="12" height="12" rx="2" fill="#6366F1" opacity="0.6"/&gt;
&lt;rect x="10" y="26" width="12" height="12" rx="2" fill="#6366F1" opacity="0.6"/&gt;
&lt;rect x="26" y="26" width="12" height="12" rx="2" fill="#6366F1" opacity="0.3"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Embed Anywhere&lt;/h4&gt;
&lt;p&gt;Use in multiple projects&lt;/p&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#DCFCE7"/&gt;
&lt;path d="M24 12L34 18V30L24 36L14 30V18L24 12Z" stroke="#22C55E" stroke-width="2" fill="none"/&gt;
&lt;circle cx="24" cy="24" r="4" fill="#22C55E"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Reuse Components&lt;/h4&gt;
&lt;p&gt;Build once, use everywhere&lt;/p&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#FEF3C7"/&gt;
&lt;path d="M24 14V34M14 24H34" stroke="#F59E0B" stroke-width="2"/&gt;
&lt;circle cx="24" cy="24" r="10" stroke="#F59E0B" stroke-width="2" fill="none"/&gt;
&lt;path d="M18 18L30 30M30 18L18 30" stroke="#F59E0B" stroke-width="1.5" opacity="0.5"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Central Updates&lt;/h4&gt;
&lt;p&gt;Changes propagate everywhere&lt;/p&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#FCE7F3"/&gt;
&lt;circle cx="24" cy="18" r="6" fill="#EC4899"/&gt;
&lt;circle cx="16" cy="32" r="5" fill="#EC4899" opacity="0.7"/&gt;
&lt;circle cx="32" cy="32" r="5" fill="#EC4899" opacity="0.7"/&gt;
&lt;path d="M24 24V27M20 29L16 32M28 29L32 32" stroke="#EC4899" stroke-width="2"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Team Sharing&lt;/h4&gt;
&lt;p&gt;Collaborate on components&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="creating" class="doc-section"&gt;
&lt;h2&gt;Creating a Subconfigurator&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Turn any project into a reusable component.&lt;/p&gt;</description></item><item><title>Custom Styling</title><link>https://confbuild.com/docs/custom-styling/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/custom-styling/</guid><description>&lt;section id="adding" class="doc-section"&gt;
&lt;h2&gt;Adding Custom CSS&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Customize the look and feel of your configurators to match your brand.&lt;/p&gt;
&lt;div class="doc-card"&gt;
&lt;svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="margin-bottom: 16px;"&gt;
&lt;rect width="64" height="64" rx="12" fill="#DBEAFE"/&gt;
&lt;path d="M20 20L16 32L20 44" stroke="#3B82F6" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;path d="M44 20L48 32L44 44" stroke="#3B82F6" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;path d="M36 16L28 48" stroke="#3B82F6" stroke-width="3" stroke-linecap="round"/&gt;
&lt;/svg&gt;
&lt;h3&gt;Access the CSS Editor&lt;/h3&gt;
&lt;div class="steps-list"&gt;
&lt;div class="doc-step"&gt;
&lt;span class="step-number"&gt;1&lt;/span&gt;
&lt;div&gt;&lt;strong&gt;Open Project Settings&lt;/strong&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class="doc-step"&gt;
&lt;span class="step-number"&gt;2&lt;/span&gt;
&lt;div&gt;&lt;strong&gt;Navigate to "Custom CSS"&lt;/strong&gt; tab&lt;/div&gt;
&lt;/div&gt;
&lt;div class="doc-step"&gt;
&lt;span class="step-number"&gt;3&lt;/span&gt;
&lt;div&gt;&lt;strong&gt;Add your CSS rules&lt;/strong&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class="doc-step"&gt;
&lt;span class="step-number"&gt;4&lt;/span&gt;
&lt;div&gt;&lt;strong&gt;Save and preview&lt;/strong&gt; changes&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="elements" class="doc-section"&gt;
&lt;h2&gt;Styling GUI Elements&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Target built-in GUI elements with CSS.&lt;/p&gt;
&lt;div class="concept-grid"&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#F3E8FF"/&gt;
&lt;rect x="10" y="18" width="28" height="12" rx="6" fill="#8C30F5"/&gt;
&lt;text x="24" y="27" text-anchor="middle" fill="white" font-size="8" font-weight="bold"&gt;BTN&lt;/text&gt;
&lt;/svg&gt;
&lt;h4&gt;Buttons&lt;/h4&gt;
&lt;pre class="code-block" style="font-size: 10px;"&gt;.confbuild-button {
 background: #8C30F5;
 border-radius: 8px;
}&lt;/pre&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#DCFCE7"/&gt;
&lt;rect x="10" y="22" width="28" height="4" rx="2" fill="#BBF7D0"/&gt;
&lt;circle cx="28" cy="24" r="6" fill="#22C55E"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Sliders&lt;/h4&gt;
&lt;pre class="code-block" style="font-size: 10px;"&gt;.confbuild-slider {
 accent-color: #8C30F5;
}&lt;/pre&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#FEF3C7"/&gt;
&lt;rect x="10" y="18" width="28" height="12" rx="2" stroke="#F59E0B" stroke-width="2" fill="white"/&gt;
&lt;text x="16" y="27" fill="#F59E0B" font-size="10"&gt;Text&lt;/text&gt;
&lt;/svg&gt;
&lt;h4&gt;Inputs&lt;/h4&gt;
&lt;pre class="code-block" style="font-size: 10px;"&gt;.confbuild-input {
 border: 2px solid #E5E5E5;
}&lt;/pre&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#FCE7F3"/&gt;
&lt;rect x="10" y="16" width="28" height="12" rx="2" stroke="#EC4899" stroke-width="2" fill="white"/&gt;
&lt;path d="M32 20L36 24L32 28" stroke="#EC4899" stroke-width="2" fill="none"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Dropdowns&lt;/h4&gt;
&lt;pre class="code-block" style="font-size: 10px;"&gt;.confbuild-dropdown {
 border-radius: 4px;
}&lt;/pre&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="classes" class="doc-section"&gt;
&lt;h2&gt;Available CSS Classes&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Reference for all stylable elements.&lt;/p&gt;</description></item><item><title>FEM Simulation</title><link>https://confbuild.com/docs/fem-simulation/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/fem-simulation/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;confBuild includes a powerful built-in FEM (Finite Element Method) simulation engine powered by Code_Aster. Validate your parametric designs for structural integrity, thermal performance, and dynamic behavior &amp;mdash; all without leaving the editor.&lt;/p&gt;
&lt;div class="concept-grid"&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#DBEAFE"/&gt;
&lt;path d="M14 34L24 14L34 34" stroke="#3B82F6" stroke-width="2.5" fill="none"/&gt;
&lt;path d="M18 26H30" stroke="#3B82F6" stroke-width="2"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Structural&lt;/h4&gt;
&lt;p&gt;Stress, buckling &amp;amp; deformation&lt;/p&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#FEE2E2"/&gt;
&lt;circle cx="24" cy="24" r="10" stroke="#EF4444" stroke-width="2.5" fill="none"/&gt;
&lt;path d="M24 18V24L28 28" stroke="#EF4444" stroke-width="2" stroke-linecap="round"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Thermal&lt;/h4&gt;
&lt;p&gt;Heat transfer &amp;amp; temperature&lt;/p&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#F3E8FF"/&gt;
&lt;path d="M12 24C16 16 20 32 24 24C28 16 32 32 36 24" stroke="#8C30F5" stroke-width="2.5" fill="none"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Dynamic&lt;/h4&gt;
&lt;p&gt;Modal, harmonic &amp;amp; transient&lt;/p&gt;</description></item><item><title>FEM Mesh Generation</title><link>https://confbuild.com/docs/fem-mesh/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/fem-mesh/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Mesh generation converts your 3D parametric geometry into a finite element mesh suitable for simulation. confBuild uses the Netgen mesher to automatically create high-quality tetrahedral meshes from your models.&lt;/p&gt;
&lt;div class="doc-card"&gt;
&lt;h3&gt;Key Features&lt;/h3&gt;
&lt;ul class="feature-list"&gt;
&lt;li&gt;Automatic mesh generation from parametric 3D models&lt;/li&gt;
&lt;li&gt;Support for all primitive types: box, cylinder, sphere, extrusion, STL&lt;/li&gt;
&lt;li&gt;Configurable mesh fineness from very coarse to very fine&lt;/li&gt;
&lt;li&gt;Linear (TET4) and quadratic (TET10) tetrahedral elements&lt;/li&gt;
&lt;li&gt;Face group detection for boundary condition assignment&lt;/li&gt;
&lt;li&gt;Output in VTK and MED formats&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="mesh-quality" class="doc-section"&gt;
&lt;h2&gt;Mesh Quality Settings&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Control the mesh density to balance accuracy against computation time.&lt;/p&gt;</description></item><item><title>FEM Boundary Conditions</title><link>https://confbuild.com/docs/fem-boundary-conditions/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/fem-boundary-conditions/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Boundary conditions (BCs) define how your model is loaded and constrained. confBuild supports 9 boundary condition types covering mechanical loads, kinematic constraints, and thermal conditions. Each BC is applied to specific face groups on your mesh.&lt;/p&gt;
&lt;div class="concept-grid"&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#FBE9E7"/&gt;
&lt;path d="M24 14V34" stroke="#FF5722" stroke-width="2.5" stroke-linecap="round"/&gt;
&lt;path d="M18 28L24 34L30 28" stroke="#FF5722" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Force&lt;/h4&gt;
&lt;p&gt;Point and distributed forces&lt;/p&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#E3F2FD"/&gt;
&lt;path d="M16 18V30H32V18" stroke="#2196F3" stroke-width="2" fill="none"/&gt;
&lt;path d="M18 22V26M22 20V28M26 22V26M30 20V28" stroke="#2196F3" stroke-width="1.5" stroke-linecap="round"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Pressure&lt;/h4&gt;
&lt;p&gt;Normal surface pressure&lt;/p&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#E8F5E9"/&gt;
&lt;path d="M14 34H34" stroke="#4CAF50" stroke-width="2.5"/&gt;
&lt;path d="M16 34L22 26L28 34" stroke="#4CAF50" stroke-width="2" fill="none"/&gt;
&lt;path d="M14 36L16 34L18 36M22 36L24 34L26 36M30 36L32 34L34 36" stroke="#4CAF50" stroke-width="1.5"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Fixed&lt;/h4&gt;
&lt;p&gt;Rigid constraint, all DOF locked&lt;/p&gt;</description></item><item><title>FEM Materials Library</title><link>https://confbuild.com/docs/fem-materials/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/fem-materials/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;confBuild includes a library of 39 pre-defined engineering materials organized into 7 categories. Each material comes with complete mechanical and thermal properties required for FEM simulation.&lt;/p&gt;
&lt;div class="concept-grid"&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#E3F2FD"/&gt;
&lt;rect x="14" y="14" width="20" height="20" rx="2" stroke="#1565C0" stroke-width="2" fill="none"/&gt;
&lt;path d="M14 24H34M24 14V34" stroke="#1565C0" stroke-width="1.5" opacity="0.5"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Steels&lt;/h4&gt;
&lt;p&gt;5 grades including stainless&lt;/p&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#F5F5F5"/&gt;
&lt;rect x="14" y="14" width="20" height="20" rx="2" stroke="#9E9E9E" stroke-width="2" fill="none"/&gt;
&lt;path d="M18 18L30 30M30 18L18 30" stroke="#9E9E9E" stroke-width="1.5" opacity="0.4"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Aluminum&lt;/h4&gt;
&lt;p&gt;4 alloys for all applications&lt;/p&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#FFF3E0"/&gt;
&lt;circle cx="24" cy="24" r="10" stroke="#E65100" stroke-width="2" fill="none"/&gt;
&lt;circle cx="24" cy="24" r="4" fill="#E65100" opacity="0.3"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Plastics&lt;/h4&gt;
&lt;p&gt;7 common engineering plastics&lt;/p&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#E8F5E9"/&gt;
&lt;path d="M14 34L24 14L34 34Z" stroke="#2E7D32" stroke-width="2" fill="none"/&gt;
&lt;path d="M19 24H29" stroke="#2E7D32" stroke-width="1.5"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Composites&lt;/h4&gt;
&lt;p&gt;Carbon &amp;amp; glass fiber&lt;/p&gt;</description></item><item><title>FEM Structural Analysis</title><link>https://confbuild.com/docs/fem-structural/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/fem-structural/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Structural analysis evaluates how your design responds to mechanical loads. confBuild supports four structural analysis types, from simple linear static to advanced nonlinear and buckling simulations.&lt;/p&gt;
&lt;div class="concept-grid"&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#DBEAFE"/&gt;
&lt;path d="M14 34H34" stroke="#3B82F6" stroke-width="2"/&gt;
&lt;path d="M24 34V18" stroke="#3B82F6" stroke-width="2"/&gt;
&lt;path d="M20 22L24 18L28 22" stroke="#3B82F6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Static Linear&lt;/h4&gt;
&lt;p&gt;Standard stress &amp;amp; displacement&lt;/p&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#FEE2E2"/&gt;
&lt;path d="M14 34C18 34 22 18 26 18C30 18 34 34 34 34" stroke="#EF4444" stroke-width="2" fill="none"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Static Nonlinear&lt;/h4&gt;
&lt;p&gt;Large deformations &amp;amp; plasticity&lt;/p&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#FEF3C7"/&gt;
&lt;path d="M20 14V34M28 14V34" stroke="#F59E0B" stroke-width="2"/&gt;
&lt;path d="M20 24C22 20 26 20 28 24" stroke="#F59E0B" stroke-width="2" fill="none" stroke-dasharray="3 3"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Buckling&lt;/h4&gt;
&lt;p&gt;Critical load factors&lt;/p&gt;</description></item><item><title>FEM Dynamic Analysis</title><link>https://confbuild.com/docs/fem-dynamic/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/fem-dynamic/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Dynamic analysis studies how structures respond to time-varying loads, vibrations, and impacts. confBuild supports five dynamic analysis types from eigenfrequency extraction to full explicit crash simulation.&lt;/p&gt;
&lt;div class="concept-grid"&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#E0E7FF"/&gt;
&lt;path d="M12 24C16 16 20 32 24 24C28 16 32 32 36 24" stroke="#6366F1" stroke-width="2.5" fill="none"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Modal&lt;/h4&gt;
&lt;p&gt;Natural frequencies &amp;amp; mode shapes&lt;/p&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#DBEAFE"/&gt;
&lt;path d="M12 24C14 20 16 28 18 24C20 20 22 28 24 24C26 20 28 28 30 24C32 20 34 28 36 24" stroke="#3B82F6" stroke-width="2" fill="none"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Harmonic&lt;/h4&gt;
&lt;p&gt;Frequency response (swept sine)&lt;/p&gt;</description></item><item><title>FEM Thermal Analysis</title><link>https://confbuild.com/docs/fem-thermal/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/fem-thermal/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Thermal analysis predicts temperature distributions and heat flow in your design. confBuild supports three thermal analysis types, from simple steady-state to fully coupled thermo-mechanical simulations.&lt;/p&gt;
&lt;div class="concept-grid"&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#FEE2E2"/&gt;
&lt;circle cx="24" cy="30" r="6" stroke="#EF4444" stroke-width="2" fill="none"/&gt;
&lt;path d="M22 14V26M26 14V26" stroke="#EF4444" stroke-width="2" stroke-linecap="round"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Steady-State&lt;/h4&gt;
&lt;p&gt;Equilibrium temperature&lt;/p&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#FEF3C7"/&gt;
&lt;path d="M12 32L20 28L28 16L36 20" stroke="#F59E0B" stroke-width="2.5" fill="none"/&gt;
&lt;circle cx="12" cy="32" r="2" fill="#3B82F6"/&gt;
&lt;circle cx="36" cy="20" r="2" fill="#EF4444"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Transient&lt;/h4&gt;
&lt;p&gt;Time-dependent heat transfer&lt;/p&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#F3E8FF"/&gt;
&lt;path d="M14 34L24 14L34 34" stroke="#8C30F5" stroke-width="2" fill="none"/&gt;
&lt;path d="M18 26H30" stroke="#8C30F5" stroke-width="2"/&gt;
&lt;circle cx="24" cy="30" r="3" fill="#EF4444" opacity="0.5"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Thermo-Mechanical&lt;/h4&gt;
&lt;p&gt;Coupled thermal &amp;amp; structural&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="steady-state" class="doc-section"&gt;
&lt;h2&gt;Steady-State Thermal&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Computes the equilibrium temperature distribution when heat input and output are balanced. Time is not a factor.&lt;/p&gt;</description></item><item><title>FEM Advanced Analysis</title><link>https://confbuild.com/docs/fem-advanced/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/fem-advanced/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Advanced analysis types tackle specialized engineering problems beyond standard structural, dynamic, and thermal simulations. These include fatigue life prediction, contact mechanics, time-dependent creep, fracture mechanics, acoustics, and progressive damage.&lt;/p&gt;
&lt;div class="concept-grid"&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#E0E7FF"/&gt;
&lt;path d="M12 34L18 28L24 32L30 20L36 14" stroke="#6366F1" stroke-width="2" fill="none"/&gt;
&lt;path d="M34 14H36V16" stroke="#6366F1" stroke-width="2" stroke-linecap="round"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Fatigue&lt;/h4&gt;
&lt;p&gt;Cyclic life prediction&lt;/p&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#DBEAFE"/&gt;
&lt;rect x="14" y="14" width="10" height="20" rx="1" stroke="#3B82F6" stroke-width="2" fill="none"/&gt;
&lt;rect x="24" y="14" width="10" height="20" rx="1" stroke="#3B82F6" stroke-width="2" fill="none"/&gt;
&lt;path d="M24 20H24M24 24H24M24 28H24" stroke="#EF4444" stroke-width="3" stroke-linecap="round"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Contact&lt;/h4&gt;
&lt;p&gt;Friction and contact surfaces&lt;/p&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#FEF3C7"/&gt;
&lt;path d="M14 34C18 32 22 28 26 22C30 16 34 14 36 14" stroke="#F59E0B" stroke-width="2.5" fill="none"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Creep&lt;/h4&gt;
&lt;p&gt;Time-dependent deformation&lt;/p&gt;</description></item><item><title>FEM Results &amp; Visualization</title><link>https://confbuild.com/docs/fem-results/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/fem-results/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;After a simulation completes, confBuild provides rich visualization tools to explore and understand your results. View stress distributions, displacement fields, temperature profiles, and more with customizable color maps and rendering options.&lt;/p&gt;
&lt;div class="concept-grid"&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#DBEAFE"/&gt;
&lt;rect x="12" y="12" width="24" height="24" rx="2" fill="none" stroke="#3B82F6" stroke-width="2"/&gt;
&lt;rect x="12" y="12" width="8" height="24" fill="#3B82F6" opacity="0.2"/&gt;
&lt;rect x="20" y="12" width="8" height="24" fill="#F59E0B" opacity="0.2"/&gt;
&lt;rect x="28" y="12" width="8" height="24" fill="#EF4444" opacity="0.2"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Color Maps&lt;/h4&gt;
&lt;p&gt;6 visualization schemes&lt;/p&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#F3E8FF"/&gt;
&lt;path d="M14 34L24 14L34 34" stroke="#8C30F5" stroke-width="2" fill="none"/&gt;
&lt;path d="M16 34L26 14L36 34" stroke="#8C30F5" stroke-width="1" fill="none" stroke-dasharray="3 3" opacity="0.5"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Deformation&lt;/h4&gt;
&lt;p&gt;Scaled displacement display&lt;/p&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#DCFCE7"/&gt;
&lt;path d="M12 16H36M12 22H36M12 28H36M12 34H36" stroke="#22C55E" stroke-width="1.5" opacity="0.5"/&gt;
&lt;path d="M12 16C18 16 24 20 30 22C33 23 36 22 36 22" stroke="#22C55E" stroke-width="2"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Contour Lines&lt;/h4&gt;
&lt;p&gt;Iso-value line display&lt;/p&gt;</description></item><item><title>FEM Reports</title><link>https://confbuild.com/docs/fem-reports/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/fem-reports/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;confBuild generates professional PDF simulation reports that document your FEM analysis results, safety assessment, and AI-powered design recommendations. Reports are ready to share with clients, colleagues, or for regulatory documentation.&lt;/p&gt;
&lt;div class="doc-card"&gt;
&lt;h3&gt;Key Features&lt;/h3&gt;
&lt;ul class="feature-list"&gt;
&lt;li&gt;Professional multi-page PDF with charts and tables&lt;/li&gt;
&lt;li&gt;AI-powered safety assessment and design recommendations&lt;/li&gt;
&lt;li&gt;Color-coded safety status (safe, warning, critical)&lt;/li&gt;
&lt;li&gt;Boundary conditions and material properties documentation&lt;/li&gt;
&lt;li&gt;Stress and displacement analysis with visualizations&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="contents" class="doc-section"&gt;
&lt;h2&gt;Report Contents&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Each report contains three pages of analysis documentation.&lt;/p&gt;</description></item><item><title>Scripting API</title><link>https://confbuild.com/docs/scripting/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/scripting/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;confBuild scripts run inside the live editor. You can read and write spreadsheet data, manipulate THREE.js objects directly, create reusable scene animations, control URDF robots, and even mount custom UI on top of the editor.&lt;/p&gt;
&lt;div class="doc-image"&gt;
&lt;img src="https://confbuild.com/assets/docs/scripting/overview.webp" alt="confBuild scripting overview" loading="lazy"&gt;
&lt;/div&gt;
&lt;div class="feature-cards"&gt;
&lt;div class="doc-card"&gt;
&lt;h3&gt;Spreadsheet Logic&lt;/h3&gt;
&lt;p&gt;Use &lt;code&gt;ActiveWorkbook&lt;/code&gt; to read parameters, write formulas, loop through sheets, and trigger controlled model rebuilds.&lt;/p&gt;
&lt;/div&gt;
&lt;div class="doc-card"&gt;
&lt;h3&gt;Live Scenegraph Control&lt;/h3&gt;
&lt;p&gt;Use &lt;code&gt;API.getSceneObject()&lt;/code&gt;, &lt;code&gt;API.updateSceneObject()&lt;/code&gt;, and &lt;code&gt;API.renderScene()&lt;/code&gt; for direct scene changes without rebuilding the spreadsheet model.&lt;/p&gt;</description></item><item><title>Data Integration</title><link>https://confbuild.com/docs/data-integration/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/data-integration/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Connect your configurators to external data sources for dynamic pricing, inventory, and more.&lt;/p&gt;
&lt;div class="concept-grid"&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#E0E7FF"/&gt;
&lt;path d="M14 18H34M14 24H34M14 30H34" stroke="#6366F1" stroke-width="2"/&gt;
&lt;circle cx="34" cy="18" r="3" fill="#6366F1"/&gt;
&lt;circle cx="14" cy="24" r="3" fill="#6366F1"/&gt;
&lt;circle cx="34" cy="30" r="3" fill="#6366F1"/&gt;
&lt;/svg&gt;
&lt;h4&gt;REST APIs&lt;/h4&gt;
&lt;p&gt;Connect to any API endpoint&lt;/p&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#DCFCE7"/&gt;
&lt;path d="M16 16L24 12L32 16V24L24 28L16 24V16Z" stroke="#22C55E" stroke-width="2" fill="none"/&gt;
&lt;path d="M16 24L24 28L32 24V32L24 36L16 32V24Z" stroke="#22C55E" stroke-width="2" fill="none"/&gt;
&lt;/svg&gt;
&lt;h4&gt;JSON Data&lt;/h4&gt;
&lt;p&gt;Load structured data files&lt;/p&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#FEF3C7"/&gt;
&lt;rect x="12" y="14" width="24" height="20" rx="2" stroke="#F59E0B" stroke-width="2" fill="white"/&gt;
&lt;path d="M12 22H36M20 14V34M28 14V34" stroke="#F59E0B" stroke-width="1.5"/&gt;
&lt;/svg&gt;
&lt;h4&gt;CSV Import&lt;/h4&gt;
&lt;p&gt;Upload spreadsheet data&lt;/p&gt;
&lt;/div&gt;
&lt;div class="concept-card"&gt;
&lt;svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
&lt;rect width="48" height="48" rx="8" fill="#FCE7F3"/&gt;
&lt;ellipse cx="24" cy="16" rx="10" ry="4" stroke="#EC4899" stroke-width="2" fill="white"/&gt;
&lt;path d="M14 16V24C14 26.2091 18.4772 28 24 28C29.5228 28 34 26.2091 34 24V16" stroke="#EC4899" stroke-width="2"/&gt;
&lt;path d="M14 24V32C14 34.2091 18.4772 36 24 36C29.5228 36 34 34.2091 34 32V24" stroke="#EC4899" stroke-width="2"/&gt;
&lt;/svg&gt;
&lt;h4&gt;Databases&lt;/h4&gt;
&lt;p&gt;Connect via API proxy&lt;/p&gt;</description></item><item><title>Embedding</title><link>https://confbuild.com/docs/embedding/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/embedding/</guid><description>&lt;section id="basic" class="doc-section"&gt;
&lt;h2&gt;Basic Embedding&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Integrate your configurators seamlessly into websites and apps.&lt;/p&gt;
&lt;div class="doc-card"&gt;
&lt;svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="margin-bottom: 16px;"&gt;
&lt;rect width="64" height="64" rx="12" fill="#E0E7FF"/&gt;
&lt;rect x="12" y="16" width="40" height="32" rx="2" stroke="#6366F1" stroke-width="2" fill="white"/&gt;
&lt;rect x="16" y="20" width="32" height="24" rx="1" fill="#E0E7FF"/&gt;
&lt;path d="M24 28L32 36L40 28" stroke="#6366F1" stroke-width="2" fill="none"/&gt;
&lt;/svg&gt;
&lt;h3&gt;iframe Embed&lt;/h3&gt;
&lt;pre class="code-block"&gt;&amp;lt;iframe
 src="https://app.confbuild.com/embed/YOUR_PROJECT_ID"
 width="100%"
 height="600"
 frameborder="0"
 allowfullscreen&amp;gt;
&amp;lt;/iframe&amp;gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="responsive" class="doc-section"&gt;
&lt;h2&gt;Responsive Embedding&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Make the embed adapt to any screen size.&lt;/p&gt;
&lt;div class="doc-card"&gt;
&lt;svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="margin-bottom: 16px;"&gt;
&lt;rect width="64" height="64" rx="12" fill="#DCFCE7"/&gt;
&lt;rect x="8" y="18" width="20" height="14" rx="2" stroke="#22C55E" stroke-width="2" fill="white"/&gt;
&lt;rect x="32" y="14" width="24" height="18" rx="2" stroke="#22C55E" stroke-width="2" fill="white"/&gt;
&lt;rect x="18" y="36" width="12" height="18" rx="2" stroke="#22C55E" stroke-width="2" fill="white"/&gt;
&lt;/svg&gt;
&lt;h3&gt;Responsive Container&lt;/h3&gt;
&lt;pre class="code-block"&gt;&amp;lt;div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;"&amp;gt;
 &amp;lt;iframe
 src="https://app.confbuild.com/embed/YOUR_PROJECT_ID"
 style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"
 frameborder="0"
 allowfullscreen&amp;gt;
 &amp;lt;/iframe&amp;gt;
&amp;lt;/div&amp;gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="parameters" class="doc-section"&gt;
&lt;h2&gt;Embed Parameters&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Customize the embed with URL parameters.&lt;/p&gt;
&lt;div class="formula-table"&gt;
&lt;div class="formula-row header"&gt;
&lt;span&gt;Parameter&lt;/span&gt;
&lt;span&gt;Description&lt;/span&gt;
&lt;span&gt;Example&lt;/span&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;hideToolbar&lt;/code&gt;
&lt;span&gt;Hide top toolbar&lt;/span&gt;
&lt;code&gt;?hideToolbar=true&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;hideSpreadsheet&lt;/code&gt;
&lt;span&gt;Hide spreadsheet panel&lt;/span&gt;
&lt;code&gt;?hideSpreadsheet=true&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;theme&lt;/code&gt;
&lt;span&gt;Color theme&lt;/span&gt;
&lt;code&gt;?theme=dark&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;locale&lt;/code&gt;
&lt;span&gt;Language&lt;/span&gt;
&lt;code&gt;?locale=de&lt;/code&gt;
&lt;/div&gt;
&lt;div class="formula-row"&gt;
&lt;code&gt;preset&lt;/code&gt;
&lt;span&gt;Initial configuration&lt;/span&gt;
&lt;code&gt;?preset=large&lt;/code&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="doc-card" style="margin-top: 16px;"&gt;
&lt;h3&gt;Combined Parameters&lt;/h3&gt;
&lt;pre class="code-block"&gt;&amp;lt;iframe src="https://app.confbuild.com/embed/ID?hideToolbar=true&amp;theme=dark"&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="javascript" class="doc-section"&gt;
&lt;h2&gt;JavaScript API&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Control the configurator programmatically.&lt;/p&gt;</description></item><item><title>3D Scene Slicer</title><link>https://confbuild.com/docs/scene-slicer-tutorial/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/scene-slicer-tutorial/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;This tutorial shows the &lt;strong&gt;3D Slicer&lt;/strong&gt; workflow in the live confBuild editor. The screenshots were captured on &lt;strong&gt;March 6, 2026&lt;/strong&gt; and document how to inspect internal geometry with a movable clipping plane.&lt;/p&gt;
&lt;div class="workflow-note-grid"&gt;
&lt;div class="workflow-note"&gt;
&lt;h3&gt;Project&lt;/h3&gt;
&lt;p&gt;Editable Carport project used as the live section target&lt;/p&gt;
&lt;/div&gt;
&lt;div class="workflow-note"&gt;
&lt;h3&gt;Workflow&lt;/h3&gt;
&lt;p&gt;Open &lt;code&gt;View&lt;/code&gt;, enable &lt;code&gt;3D Slicer&lt;/code&gt;, choose axis and move slice position&lt;/p&gt;
&lt;/div&gt;
&lt;div class="workflow-note"&gt;
&lt;h3&gt;Goal&lt;/h3&gt;
&lt;p&gt;Inspect hidden interior structure without changing the actual model&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="step-1" class="doc-section"&gt;
&lt;h2&gt;Step 1: Enable 3D Slicer from the View menu&lt;/h2&gt;
&lt;p class="doc-lead"&gt;The slicer is part of the View tools. That makes it easy to switch from normal scene navigation into cross-section inspection without leaving the editor.&lt;/p&gt;</description></item><item><title>AI Image Workflow</title><link>https://confbuild.com/docs/ai-image-tutorial/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/ai-image-tutorial/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;This tutorial shows the &lt;strong&gt;AI Image&lt;/strong&gt; workflow inside the live confBuild editor. The screenshots were captured on &lt;strong&gt;March 6, 2026&lt;/strong&gt; and focus on the safe preparation stage before any image generation starts.&lt;/p&gt;
&lt;div class="workflow-note-grid"&gt;
&lt;div class="workflow-note"&gt;
&lt;h3&gt;Project&lt;/h3&gt;
&lt;p&gt;Editable Carport project with the live 3D view available as render source&lt;/p&gt;
&lt;/div&gt;
&lt;div class="workflow-note"&gt;
&lt;h3&gt;Workflow&lt;/h3&gt;
&lt;p&gt;Open &lt;code&gt;View&lt;/code&gt;, choose &lt;code&gt;AI Image&lt;/code&gt;, prepare prompt and optional style reference&lt;/p&gt;
&lt;/div&gt;
&lt;div class="workflow-note"&gt;
&lt;h3&gt;Goal&lt;/h3&gt;
&lt;p&gt;Turn the current scene into a polished AI-generated render&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="step-1" class="doc-section"&gt;
&lt;h2&gt;Step 1: Open AI Image from the View menu&lt;/h2&gt;
&lt;p class="doc-lead"&gt;The AI render workflow starts from the &lt;strong&gt;View&lt;/strong&gt; menu rather than the Tools menu. This keeps presentation-focused actions close to the viewport controls.&lt;/p&gt;</description></item><item><title>Scene Settings Panel</title><link>https://confbuild.com/docs/scene-settings-tutorial/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/scene-settings-tutorial/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;This tutorial shows the floating &lt;strong&gt;Scene Settings&lt;/strong&gt; panel in the live confBuild editor. The screenshots were captured on &lt;strong&gt;March 6, 2026&lt;/strong&gt; and show how to tune the visual presentation of a project without leaving the 3D workspace.&lt;/p&gt;
&lt;div class="workflow-note-grid"&gt;
&lt;div class="workflow-note"&gt;
&lt;h3&gt;Project&lt;/h3&gt;
&lt;p&gt;Editable Carport project with the live scene visible&lt;/p&gt;
&lt;/div&gt;
&lt;div class="workflow-note"&gt;
&lt;h3&gt;Workflow&lt;/h3&gt;
&lt;p&gt;Open &lt;code&gt;Tools&lt;/code&gt;, launch &lt;code&gt;Scene Settings&lt;/code&gt;, tune background and light&lt;/p&gt;
&lt;/div&gt;
&lt;div class="workflow-note"&gt;
&lt;h3&gt;Goal&lt;/h3&gt;
&lt;p&gt;Improve scene readability and visual quality directly in the editor&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="step-1" class="doc-section"&gt;
&lt;h2&gt;Step 1: Open Scene Settings from the Tools menu&lt;/h2&gt;
&lt;p class="doc-lead"&gt;The scene look and lighting controls are available from the main &lt;strong&gt;Tools&lt;/strong&gt; menu. That keeps environment tuning close to the other editor workflows.&lt;/p&gt;</description></item><item><title>Technical Drawing with Standard Views</title><link>https://confbuild.com/docs/technical-drawing-standard-views/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/technical-drawing-standard-views/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;This tutorial shows a classic &lt;strong&gt;Technical Drawing&lt;/strong&gt; workflow in confBuild without using AI Parts. The screenshots were captured from the public &lt;strong&gt;Heat Sink&lt;/strong&gt; demo in the live app on &lt;strong&gt;March 6, 2026&lt;/strong&gt; and show how to place standard vector views on a drawing sheet and prepare the result for export.&lt;/p&gt;
&lt;div class="workflow-note-grid"&gt;
&lt;div class="workflow-note"&gt;
&lt;h3&gt;Project&lt;/h3&gt;
&lt;p&gt;Public Heat Sink demo opened in the live confBuild editor&lt;/p&gt;
&lt;/div&gt;
&lt;div class="workflow-note"&gt;
&lt;h3&gt;Workflow&lt;/h3&gt;
&lt;p&gt;Open &lt;code&gt;Technical Drawing&lt;/code&gt;, add vector views, arrange the layout, export the sheet&lt;/p&gt;</description></item><item><title>Insert DIN Standard Parts</title><link>https://confbuild.com/docs/din-parts-tutorial/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/din-parts-tutorial/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;This tutorial shows the &lt;strong&gt;DIN Parts&lt;/strong&gt; workflow in the confBuild editor. The screenshots were captured from the live app on &lt;strong&gt;March 6, 2026&lt;/strong&gt; and demonstrate how to switch the Add Object sidebar from general shapes to configurable standard hardware parts.&lt;/p&gt;
&lt;div class="workflow-note-grid"&gt;
&lt;div class="workflow-note"&gt;
&lt;h3&gt;Project&lt;/h3&gt;
&lt;p&gt;Editable Carport project used as a live insertion target&lt;/p&gt;
&lt;/div&gt;
&lt;div class="workflow-note"&gt;
&lt;h3&gt;Workflow&lt;/h3&gt;
&lt;p&gt;Open &lt;code&gt;Add Object&lt;/code&gt;, switch to &lt;code&gt;DIN Parts&lt;/code&gt;, choose family, set parameters&lt;/p&gt;
&lt;/div&gt;
&lt;div class="workflow-note"&gt;
&lt;h3&gt;Goal&lt;/h3&gt;
&lt;p&gt;Insert standardized hardware with the correct family and dimensions&lt;/p&gt;</description></item><item><title>Add Primitive Shapes</title><link>https://confbuild.com/docs/add-primitives-tutorial/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/add-primitives-tutorial/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;This tutorial shows how to insert standard primitive geometry from the &lt;strong&gt;Add Object&lt;/strong&gt; sidebar in confBuild. The screenshots were captured from the live editor on &lt;strong&gt;March 6, 2026&lt;/strong&gt; and show the fastest path for adding cubes, cylinders, and other basic shapes into an editable project.&lt;/p&gt;
&lt;div class="workflow-note-grid"&gt;
&lt;div class="workflow-note"&gt;
&lt;h3&gt;Project&lt;/h3&gt;
&lt;p&gt;Editable Carport project with the 3D scene already loaded&lt;/p&gt;
&lt;/div&gt;
&lt;div class="workflow-note"&gt;
&lt;h3&gt;Workflow&lt;/h3&gt;
&lt;p&gt;Open &lt;code&gt;Add Object&lt;/code&gt;, stay on &lt;code&gt;Shapes&lt;/code&gt;, insert a primitive into the scene&lt;/p&gt;
&lt;/div&gt;
&lt;div class="workflow-note"&gt;
&lt;h3&gt;Goal&lt;/h3&gt;
&lt;p&gt;Start new geometry quickly from reusable basic forms&lt;/p&gt;</description></item><item><title>Floor Plan Editor</title><link>https://confbuild.com/docs/floor-plan-tutorial/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/floor-plan-tutorial/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;This tutorial walks through the &lt;strong&gt;Floor Plan Editor&lt;/strong&gt; inside confBuild. The screenshots were captured in a real Playwright-driven browser session on &lt;strong&gt;March 16, 2026&lt;/strong&gt; from the localhost editor and show the current workflow: open the scene tools menu, launch &lt;code&gt;Floor Planner&lt;/code&gt;, choose a starter template, and then refine levels and drawing tools before applying anything back to the sheet.&lt;/p&gt;
&lt;div class="workflow-note-grid"&gt;
&lt;div class="workflow-note"&gt;
&lt;h3&gt;Project&lt;/h3&gt;
&lt;p&gt;Dedicated lightweight architecture project opened in the standard 3D editor&lt;/p&gt;</description></item><item><title>Assembly Plan Workflow</title><link>https://confbuild.com/docs/assembly-plan-tutorial/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/assembly-plan-tutorial/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;This tutorial shows the &lt;strong&gt;Assembly Plan&lt;/strong&gt; panel inside the editor. The screenshots were captured on &lt;strong&gt;March 6, 2026&lt;/strong&gt; in a real browser session and document the non-destructive starting point for assembly planning and later PDF export.&lt;/p&gt;
&lt;div class="workflow-note-grid"&gt;
&lt;div class="workflow-note"&gt;
&lt;h3&gt;Project&lt;/h3&gt;
&lt;p&gt;Editable Carport project with the full assembly visible&lt;/p&gt;
&lt;/div&gt;
&lt;div class="workflow-note"&gt;
&lt;h3&gt;Workflow&lt;/h3&gt;
&lt;p&gt;Open &lt;code&gt;Tools&lt;/code&gt;, launch &lt;code&gt;Assembly Plan&lt;/code&gt;, define guidance and step count&lt;/p&gt;
&lt;/div&gt;
&lt;div class="workflow-note"&gt;
&lt;h3&gt;Goal&lt;/h3&gt;
&lt;p&gt;Derive assembly order and documentation from the existing scene&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="step-1" class="doc-section"&gt;
&lt;h2&gt;Step 1: Open Assembly Plan from the Tools menu&lt;/h2&gt;
&lt;p class="doc-lead"&gt;The assembly-planning workflow starts directly from the Tools menu. That keeps the whole process inside the editor and lets you prepare the plan next to the live 3D view.&lt;/p&gt;</description></item><item><title>Export 3D Models</title><link>https://confbuild.com/docs/export-model-tutorial/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/export-model-tutorial/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;This tutorial shows the &lt;strong&gt;Export&lt;/strong&gt; dialog inside the live confBuild editor. The screenshots were captured from the real app on &lt;strong&gt;March 6, 2026&lt;/strong&gt; and show the same workflow used for STEP, IFC, STL, glTF, and 3MF exports.&lt;/p&gt;
&lt;div class="workflow-note-grid"&gt;
&lt;div class="workflow-note"&gt;
&lt;h3&gt;Project&lt;/h3&gt;
&lt;p&gt;Editable Carport project with the 3D scene visible&lt;/p&gt;
&lt;/div&gt;
&lt;div class="workflow-note"&gt;
&lt;h3&gt;Workflow&lt;/h3&gt;
&lt;p&gt;Open &lt;code&gt;Tools&lt;/code&gt;, launch &lt;code&gt;Export&lt;/code&gt;, choose file type and STEP mode&lt;/p&gt;
&lt;/div&gt;
&lt;div class="workflow-note"&gt;
&lt;h3&gt;Goal&lt;/h3&gt;
&lt;p&gt;Output the model for CAD, manufacturing, or downstream exchange&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="step-1" class="doc-section"&gt;
&lt;h2&gt;Step 1: Open the export dialog from Tools&lt;/h2&gt;
&lt;p class="doc-lead"&gt;The export workflow starts directly from the Tools menu in the upper-right corner of the editor. That gives you a straight path from the live model view into the format dialog.&lt;/p&gt;</description></item><item><title>Export a Bill of Material</title><link>https://confbuild.com/docs/bill-of-material-tutorial/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/bill-of-material-tutorial/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;This tutorial shows the current &lt;strong&gt;Bill of Material&lt;/strong&gt; workflow inside the editor. The screenshots were captured from the real app on &lt;strong&gt;March 6, 2026&lt;/strong&gt;. In this specific run, confBuild detects &lt;strong&gt;48 parts&lt;/strong&gt; in the opened project.&lt;/p&gt;
&lt;div class="workflow-note-grid"&gt;
&lt;div class="workflow-note"&gt;
&lt;h3&gt;Project&lt;/h3&gt;
&lt;p&gt;Editable Carport project with the assembly visible in the editor&lt;/p&gt;
&lt;/div&gt;
&lt;div class="workflow-note"&gt;
&lt;h3&gt;Workflow&lt;/h3&gt;
&lt;p&gt;Open &lt;code&gt;Tools&lt;/code&gt;, launch &lt;code&gt;Bill of Material&lt;/code&gt;, configure selection and format&lt;/p&gt;
&lt;/div&gt;
&lt;div class="workflow-note"&gt;
&lt;h3&gt;Result&lt;/h3&gt;
&lt;p&gt;Configurable export for clipboard or Excel output&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="step-1" class="doc-section"&gt;
&lt;h2&gt;Step 1: Open the BOM dialog from Tools&lt;/h2&gt;
&lt;p class="doc-lead"&gt;The part-list workflow starts from the Tools menu. From there you open the export dialog directly above the active 3D model.&lt;/p&gt;</description></item><item><title>Project Settings in the Editor</title><link>https://confbuild.com/docs/project-settings-tutorial/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/project-settings-tutorial/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;This tutorial shows the current &lt;strong&gt;Project Settings&lt;/strong&gt; dialog inside the editor. The screenshots were captured directly from the real app on &lt;strong&gt;March 6, 2026&lt;/strong&gt; and focus on the key general and interaction-related project settings.&lt;/p&gt;
&lt;div class="workflow-note-grid"&gt;
&lt;div class="workflow-note"&gt;
&lt;h3&gt;Project&lt;/h3&gt;
&lt;p&gt;Editable Carport project opened in the confBuild editor&lt;/p&gt;
&lt;/div&gt;
&lt;div class="workflow-note"&gt;
&lt;h3&gt;Workflow&lt;/h3&gt;
&lt;p&gt;Open &lt;code&gt;Tools&lt;/code&gt;, choose &lt;code&gt;Project Settings&lt;/code&gt;, review general and camera options&lt;/p&gt;
&lt;/div&gt;
&lt;div class="workflow-note"&gt;
&lt;h3&gt;Benefit&lt;/h3&gt;
&lt;p&gt;Control project name, unit, type, and interaction defaults from one place&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="step-1" class="doc-section"&gt;
&lt;h2&gt;Step 1: Open Project Settings from Tools&lt;/h2&gt;
&lt;p class="doc-lead"&gt;The dialog is available directly from the Tools menu. That gives you a fast path into the project-specific baseline settings of the current editor session.&lt;/p&gt;</description></item><item><title>Scripts Editor Workflow</title><link>https://confbuild.com/docs/scripts-editor-tutorial/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/scripts-editor-tutorial/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;This tutorial shows how to open the &lt;strong&gt;Scripts Editor&lt;/strong&gt; directly from the editor and use the prompt bar to draft new JavaScript quickly. The screenshots were captured from a real browser session on &lt;strong&gt;March 6, 2026&lt;/strong&gt;.&lt;/p&gt;
&lt;div class="workflow-note-grid"&gt;
&lt;div class="workflow-note"&gt;
&lt;h3&gt;Project&lt;/h3&gt;
&lt;p&gt;Editable Carport project with the 3D model visible&lt;/p&gt;
&lt;/div&gt;
&lt;div class="workflow-note"&gt;
&lt;h3&gt;Workflow&lt;/h3&gt;
&lt;p&gt;Open &lt;code&gt;Tools&lt;/code&gt;, launch &lt;code&gt;Scripts Editor&lt;/code&gt;, describe the desired script&lt;/p&gt;
&lt;/div&gt;
&lt;div class="workflow-note"&gt;
&lt;h3&gt;Use Case&lt;/h3&gt;
&lt;p&gt;Prepare custom interactions, automation, and direct API logic&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="step-1" class="doc-section"&gt;
&lt;h2&gt;Step 1: Launch Scripts Editor from the Tools menu&lt;/h2&gt;
&lt;p class="doc-lead"&gt;Scripting starts from the Tools menu in the upper-right corner of the editor. From there you open the floating Scripts Editor directly on top of the live scene.&lt;/p&gt;</description></item><item><title>AI Assistant in the Editor</title><link>https://confbuild.com/docs/ai-assistant-tutorial/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/ai-assistant-tutorial/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;This tutorial shows the productive &lt;strong&gt;AI Assistant&lt;/strong&gt; workflow directly inside the confBuild editor. The screenshots were captured from the real app in a headed browser session on &lt;strong&gt;March 6, 2026&lt;/strong&gt;, using the same editing surface as normal projects.&lt;/p&gt;
&lt;div class="workflow-note-grid"&gt;
&lt;div class="workflow-note"&gt;
&lt;h3&gt;Project&lt;/h3&gt;
&lt;p&gt;Editable Carport project opened in the confBuild editor&lt;/p&gt;
&lt;/div&gt;
&lt;div class="workflow-note"&gt;
&lt;h3&gt;Workflow&lt;/h3&gt;
&lt;p&gt;Open &lt;code&gt;Add&lt;/code&gt;, switch to &lt;code&gt;AI Agent&lt;/code&gt;, write the prompt, attach context&lt;/p&gt;
&lt;/div&gt;
&lt;div class="workflow-note"&gt;
&lt;h3&gt;Goal&lt;/h3&gt;
&lt;p&gt;Request new objects or geometry changes in plain language&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section id="step-1" class="doc-section"&gt;
&lt;h2&gt;Step 1: Open the Add Object panel&lt;/h2&gt;
&lt;p class="doc-lead"&gt;The fastest entry point into the AI workflow is the &lt;strong&gt;Add&lt;/strong&gt; button in the lower-right corner of the editor. It opens the same sidebar that also contains primitives, library items, and your own projects.&lt;/p&gt;</description></item><item><title>Technical Drawing with AI Parts</title><link>https://confbuild.com/docs/technical-drawing-ai-parts/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://confbuild.com/docs/technical-drawing-ai-parts/</guid><description>&lt;section id="overview" class="doc-section"&gt;
&lt;h2&gt;Overview&lt;/h2&gt;
&lt;p class="doc-lead"&gt;This tutorial shows the &lt;strong&gt;AI Parts&lt;/strong&gt; workflow inside the Technical Drawing editor in confBuild. The screenshots were captured from the real app in a headed browser session on &lt;strong&gt;March 6, 2026&lt;/strong&gt;. The same workflow applies to any editable project, not only to the example model shown here.&lt;/p&gt;
&lt;div class="drawing-note-grid"&gt;
&lt;div class="drawing-note"&gt;
&lt;h3&gt;Model&lt;/h3&gt;
&lt;p&gt;Any editable project opened in the confBuild editor&lt;/p&gt;
&lt;/div&gt;
&lt;div class="drawing-note"&gt;
&lt;h3&gt;Workflow&lt;/h3&gt;
&lt;p&gt;Open &lt;code&gt;Tools&lt;/code&gt;, choose &lt;code&gt;Technical Drawing&lt;/code&gt;, click &lt;code&gt;AI Parts&lt;/code&gt;, review generated sheets&lt;/p&gt;
&lt;/div&gt;
&lt;div class="drawing-note"&gt;
&lt;h3&gt;Result of this run&lt;/h3&gt;
&lt;p&gt;19 drawing pages generated from a clean Technical Drawing canvas&lt;/p&gt;</description></item></channel></rss>