Component Library

Learn how to use the Refoundry Component Library to build pages faster using prebuilt sections, grids, and customizable layout components.

Last updated:

Description

In this tutorial, you’ll learn how to use the Component Library in Refoundry to quickly build sections using prebuilt components and customize them to match your layout and design.

This tutorial will cover:

  • Browsing the Component Library inside the Patterns panel
  • Adding a prebuilt intro section to a page
  • Editing containers, columns, and text blocks
  • Customizing colors, text, and layout styling
  • Adjusting container width and padding
  • Adding and customizing a grid component
  • Replacing images and modifying button styles

Suggested videos:

Reusable Component Blocks

Nested Layouts

Responsive Layouts

Responsive Block Settings | Refoundry

Component Library | Refoundry

Relate Resources

Keep exploring.

Explore more resources we’ve selected to help you dig deeper into topics that matter to your workflow.

Ready to take the next step?

Put your learning into action.

Whether you’re exploring on your own or want guided support, Refoundry makes it easy to start building smarter today.