Bricks Builder Integration

Build pages faster with AI. Access pre-built components, enhance text and images with AI, and automatically replace placeholder content.

Component Library

Access hundreds of pre-built sections:

• Headers — Navigation, mega menus, sticky headers
• Heroes — Full-width, split layouts, video backgrounds
• Features — Icon boxes, grids, comparison tables
• Testimonials — Sliders, grids, single quotes
• Pricing — Tables, toggles, comparisons
• CTAs — Banners, inline, floating
• Footers — Multi-column, minimal, mega footers

Click any component to insert it directly into your page.

AI Text Enhancement

Select any text element and enhance it:

• Improve — General quality improvement
• Expand — Add more detail
• Condense — Make it shorter
• Professional — Formal tone
• Casual — Friendly tone
• SEO Optimize — Add keywords naturally

AI Image Tools

Transform images without leaving Bricks:

• Background removal — Clean product shots
• Upscale — Increase resolution
• Enhance — Improve quality
• Style transfer — Apply artistic styles

Smart Insert

Describe what you need, AI finds the best component:

"Add a pricing section with three tiers"

"I need a hero with a video background"

Auto-Replace Content

Replace placeholder content automatically:

1. Insert a component template
2. Click Replace Text — AI writes relevant copy
3. Click Replace Images — AI finds matching Unsplash photos

Framework Support

Components work with:

• Native Bricks styling
• Automatic.css (ACSS)
• CoreFramework
• Atomic Framework (ATF)

Select your framework in Settings for matching component styles.

Related

• Image Generation — Create custom images
• AI Chat — Get help with Bricks