Component Library

The component library is a curated collection of real ornamental iron components — finials, scrollwork, gate toppers, post caps, accents, rosettes, collars, and rings. Browse by category, search by part number, and place them on your gate designs for a professional, customized look.

Browsing the Library

Component library showing grid of ornamental components organized by category — The component library grid — browse by category tabs.

Open the Library

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

Browse by Category

Click the category tabs to filter components. Available categories:

Finial — decorative spear tips for pickets
Scrollwork — S-scrolls, C-scrolls, and ornamental curves
Gate Topper — decorative pieces placed along the top of a gate or fence panel
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

Use a Component

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.

About the Library

The component library is a curated collection of real ornamental iron products sourced from actual distributors. Components come in two varieties:

Generic components — scrollwork, gate toppers, accents, and decorative elements that can be scaled to any size you need.
Specific components — products with real-world dimensions, actual part numbers, and links to distributor catalogs so you can order exactly what you see in your design.

The library grows regularly as we add new products from top ornamental iron distributors. Pro users can also request new components by sending a product link or dimensioned image to our team.

Adding Your Own Components

Standard and Pro users can build a personal component library with three tools, listed in order of speed:

DXF ConverterFastestBeta

The fastest way to add a component. Drop in a DXF file, fill in as much (or as little) detail as you want, and save. The converter reads real-world dimensions from the DXF header and stitches segments into closed shapes that fill cleanly. Learn more →

Scrollwork DesignerBeta

For ornamental scrollwork without a DXF — drop in a reference image and trace it parametrically. Build clean, mathematically uniform C-scrolls, S-scrolls, and spirals; export as DXF for fabrication if needed.

SVG Component TraceBeta

For unique components when you can't find a DXF. Upload a screenshot or reference photo, click around the outline, and save to your private library — trace as basic or as intricate as you like. Learn more →

Components you add land in your personal library only — they won't appear for other users — and show up alongside the curated catalog inside the designer.

Requesting a Component

Prefer to have it traced for you? Pro users can submit a product link or dimensioned image to the ODP team. We'll trace it into a clean SVG and add it to the library for everyone to use.

Managing Components

From the library grid, you can:

Edit — update component details like name, category, and dimensions
Edit Details — update name, category, source, supplier, part number, link, and description
Delete — remove the component. You can delete your own components; admins can delete any component.

← Handrail AI Designer →