Component Library

The component library is a curated collection of real ornamental iron components — finials, scrollwork, 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
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, 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 by tracing components from photos with the SVG Component Trace tool. Perfect for finials, scrolls, rosettes, or any custom part you use on every project.

Upload a reference photo or supplier catalog image
Click around the outline to trace the shape, drag the curve handles to match the bends
Set the real-world dimensions so it scales correctly
Save with optional supplier name, part number, and link

The component lands in your personal library only — it won't appear for other users — and shows up alongside the curated catalog inside the designer.

Learn more about SVG Component Trace →

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 →