Component Library

Pre-built UX components, ready to go.

Explore 70+ professionally designed, fully responsive components that you can drop straight into Refoundry projects. Every layout follows accessibility best practices and can be customized to match your brand and content.

  • 3 Col Basic Grid

  • 2 Col Basic Grid

  • 3 Col Team Slideout

  • 6 Col Basic Grid

  • 4 Col Basic Grid

  • 6 Col Logo Grid

  • Newsletter

  • Right Split Full Width Image

  • Left Split Full Width Image

  • Background Image Banner

  • 2 Col Details Section

  • 2 Col Stacked Highlights Grid

  • 1 Col Highlights Grid

  • 2 Col Icon Grid

  • 2 Col Feature Grid

  • 3 Col Locations Grid

  • 2 Col Highlights Grid

  • Image Background Section

  • Right Split Full Width Image Banner

  • Overview Section

  • Post Banner

  • DF – 4 Col Related Posts

  • 3 Col Icon Basic Grid

  • 3 Col Posts

  • Feature Post

  • Video Callout

  • 3 Col Highlights Grid

  • DF – 3 Col Posts Index

  • 3 Col Feature Grid

  • 2 Col Posts

  • 3 Col Icon Grid

  • 4 Col Icon Basic Grid

  • Pull Quote

  • Right Split Image Feature

  • 4 Col Icon Grid

  • Left Split Image Feature

  • Right Split Image Standard

  • Standard Banner

  • Full Intro

  • Left Intro Basic

  • Left Intro

  • Center Intro

  • Basic Banner

  • 2 Col Content Section

  • Feature Callout

  • Left Split Image Standard

  • Double Standard Callouts

  • Standard Callout

  • Double Feature Callouts

  • Feature Banner

  • FAQs Accordion

  • Video Callout

  • Gallery

  • Split Left Accordion

Built for Professionals

Fast, flexible, and future-proof.

Every component in the library is designed and tested on real agency client needs. They’re accessible, responsive, and easy to adapt—giving your developers a head start, without locking them into rigid templates.

Solid foundation

The library gives every build a strong base, with components aligned with common content patterns and proven UX structures.

Flexible, never fixed

Since nothing is hardcoded, you can change, duplicate, and iterate on components for each project—no need to rebuild from scratch.

Copy/paste friendly

Every component works seamlessly with Gutenberg’s copy/paste workflow, so you can reuse layouts across pages or even sites.

Responsive by default

All components come with responsive patterns baked in, and you can fine-tune them as needed for any screen size.

Built for speed

Together, these components cut down repetitive work and give agencies more time to focus on strategy, design, and customizations.

Want the full library in Figma?

Unlock the design file by booking a demo.

Our entire component library is also available as a Figma file for faster strategy and design workflows. It’s the perfect complement to Refoundry’s in-editor components, and it’s yours when you book a discovery call.

Book a DemoGet Started Free