Getting Started with Renmoe Bricks Component Library

If you’re building with Bricks Builder, the Renmoe Bricks Component Library is your shortcut to faster, cleaner, and more scalable web design. Renmoe offers a growing collection of prebuilt components and a design system that helps you build beautiful, consistent layouts without reinventing the wheel. No matter if you’re a freelancer, part of an agency, or just love building websites, the Renmoe Bricks Component Library is here to help you work faster and more efficiently.

Getting started is simple—but there’s one important step you need to take before copying any components into your project. Make sure to export and import the Renmoe Styles into your Bricks Builder Global Classes and Global Variables Manager.

The Renmoe Styles package includes two separate files:

• CSS Classes – contains utility classes used throughout Renmoe components
• CSS Variables – contains the design tokens used for spacing, color, typography, etc.

Importing CSS Variables is essential—otherwise, your copied components may not function correctly or may appear broken.

Only import the CSS Classes file if you plan to use Renmoe’s full CSS Library. This gives you flexibility:

• You can fully adopt the Renmoe class system, or
• You can just use the components and style them with your own system.

Download the Renmoe Styles files from the site header or components dashboard.

In Bricks Builder Editor, click Classes/Variables Icon

• Go to Global Classes and Import the CSS Classes (optional)
• Go to Global Variables and Import the CSS Variables (required)

Now you can start copying and pasting components into your pages!