Skip to main content Skip to footer
Renmoe
  • Templates
    • Bricks Native Library

      Built with no external CSS Framework

    • Bricks Core Library

      Built with Core Framework

  • Pricing
  • Power Ups
    • Clamp Calculator

      Create clamp() functions, a pivotal tool in crafting fluid and responsive web designs.

    • Style Generator

      Tune colours, type, spacing and radius live, then export ready-to-use Bricks variables.

    • Custom Mapping

      Map your variable names so copied components inherit your site's existing Bricks tokens.

  • What's New
  • Get started
Log InGet started

Custom Mapping

Configure your variable names so copied Renmoe components use your existing Bricks Native variables.

Log in to save a mapping to your account — you can still configure & preview below.

Spacing

Match your spacing scale to your Bricks setup. Controls layout rhythm, gaps and vertical spacing.

Base settings
Minimum (Mobile)
Maximum (Desktop)
Your scale preview

In Custom mode the names become editable. Renmoe vars not in your Start…End range are left unchanged when copying.

Typography

Define your type scale so layouts align with your existing text system.

Base settings
Minimum (Mobile)
Maximum (Desktop)
Your scale preview

In Custom mode the names become editable. Renmoe vars not in your Start…End range are left unchanged when copying.

Colors

Rename colour roles to match your site. Opacity / light / dark steps (-10, -l-2…) follow the role name automatically.

Brand roles
Semantic colours
Mapping preview

Radius

Match your corner-radius scale (e.g. cards, buttons, inputs).

Base settings
Minimum (Mobile)
Maximum (Desktop)
Your scale preview

In Custom mode the names become editable. Renmoe vars not in your Start…End range are left unchanged when copying.

Grid

Renmoe uses --columns-1 … --columns-8 for grid templates.

Columns
Mapping preview

Other variables

Rename the remaining named variables that don't belong to a scale.

Shadows
Layout widths
Semantic spacing
Semantic type
Mapping preview

Review

Everything that will be rewritten when you copy a Renmoe component. Save to apply it to your account.

🔒

Custom Mapping is a member tool

The Custom Mapping is available to Renmoe members. Unlock it with an Annual or Lifetime plan, along with the full template library.

View plansAlready a member? Log in

Renmoe

Renmoe is a comprehensive library of ready-made Bricks Builder templates designed for fast, efficient design.

Products

  • Native Components
  • Core Components
  • Get Bricks Builder
  • Get Hostinger

Updates

  • What's New
  • FAQs

Power Ups

  • Clamp Calculator
  • Style Generator
  • Custom Mapping

Agreements

  • Privacy Policy
  • Terms & Conditions

Support

  • support@renmoe.com

Made with a hundred

of coffee.

Account Info
Log out