What Are Bricks?
Bricks are the building blocks of every Sellrn page — pre-built, configurable sections you drag onto the canvas to compose your storefront without writing code.
A brick is a self-contained, configurable page section — think of it as a smart building block. Bricks handle their own layout, styling, and (where relevant) data fetching. You compose pages by stacking bricks on the canvas.
Types of bricks
Sellrn organises bricks into four groups:
| Group | Examples | What they do |
|---|---|---|
| Layout | Hero, Two-column, Container, Spacer | Control structure and page flow. |
| Content | Rich Text, Image, Video, Accordion, Tabs | Display static or authored content. |
| Marketing | Feature Grid, Testimonials, Pricing Table, CTA Banner | Drive conversions and showcase value. |
| Media | Gallery, Carousel, Video Hero, Before/After | Display visual assets with interactive controls. |
Universal bricks
Most bricks are marked as universal. Universal bricks can render on your web storefront and be exported to your mobile app. When you export a page to mobile, Sellrn converts each universal brick into a React Native layout automatically. Non-universal (web-only) bricks are skipped during mobile export.
What makes a brick configurable?
Every brick exposes a set of props — editable fields that appear in the Inspector panel when you select the brick on the canvas. Props can include:
- Text fields (heading, body copy, button label)
- Image uploads
- Color and style overrides (background, text color, padding)
- Layout options (alignment, column count, aspect ratio)
- Data sources (linked product, collection, or page)
- Animation settings (fade-in, slide, stagger)
Premium bricks
Some bricks are marked Premium and are only available on paid plans. You can still add a premium brick to any page in the builder — it will render with a lock overlay in the storefront until you upgrade.
Custom bricks
If you need a brick that Sellrn does not ship, you can build a custom brick using the Bricks SDK and submit it via Dashboard → Bricks → Submit a brick. Custom bricks can be private (your store only) or listed in the Brick Marketplace.