Component Library

Navigate to Components > Component Library from the top navigation bar, or click the library icon in the designer.

Click the category tabs to filter components. Available categories:

• Finial — decorative spear tips for pickets
• Scrollwork — S-scrolls, C-scrolls, and ornamental curves
• Post Cap — decorative caps for post tops
• Accent — decorative accent pieces
• Rosette — round ornamental medallions
• Collar — decorative collars that wrap around pickets
• Ring — donut-shaped bent tube components

Click a component to select it, then use it in the designer via the Component Overlays section in the config panel. Components can be placed as finials, post caps, or free-form overlays.

Navigate to Components > Component Designer from the navigation, or click the pencil icon on any editable component in the library.

Click on the canvas to add control points. Drag handles to shape bezier curves. The component renders in real time as you edit.

• Add Segments — click to add new path segments
• Toggle Handles — convert between sharp corners and smooth curves
• Mirror — horizontally or vertically mirror the design for symmetry

Set the material width and depth to define how the component would look in 3D (useful for fabrication reference).

Click Save to create a new component or update an existing one. Use Save as New to create a copy. Your component is saved to the library and immediately available for use in gate designs.

Click Choose File and select an SVG file from your computer.

The SVG is rendered as a preview. You'll see the component with its physical dimensions.

Enter or adjust the physical dimensions (width and height). The aspect ratio is locked — change one dimension and the other adjusts automatically. Give the component a name, select a category, and click Save.