Component library
A component library is a collection of ready-made, reusable interface parts, such as buttons, cards, navigation and full page sections, that teams combine to build new pages without designing each one from scratch.
Each component is built once, with its variants and states, and reused wherever it is needed. Changing the main component updates every copy.
Component library vs. design system
A design system is the wider set of rules, design tokens, components and guidelines. The component library is the working part of it: the pieces people actually drag onto a page.
On a marketing website
Section components (hero, logos, features, testimonials, pricing, FAQ, CTA) let marketers assemble new pages.
Controls such as text, image and variant switches keep editing safe without breaking the layout.
CMS-connected components keep blogs, case studies and comparisons consistent.
For Gather, Trueform moved the site from Webflow to Framer, refreshed the design system and built a modular component library their team runs on their own. Bilt’s team ships new pages every month on the component system Trueform built. See the Gather case study.
FAQ
How many components does a marketing site need?
It depends on the page types. Most sites need a set of section components that covers the homepage, product, pricing and content pages, plus smaller elements like buttons and cards.
Can marketers build pages from a component library in Framer?
Yes. That is the main reason to build one: marketers combine sections and edit their content without changing the underlying design.
Related terms
Design system
A design system is a shared set of reusable components, styles and rules, such as colors, typography, spacing, buttons and sections, that keeps a website or product consistent as it grows.
Design tokens
Design tokens are named values for a brand's basic design decisions, such as colors, font sizes, spacing and corner radius, stored once and reused everywhere instead of being typed in by hand.
Marketing website
A marketing website is a company's public website built to explain what it offers, build trust and turn visitors into leads, sign-ups or sales, as opposed to the product or app itself.
Related at Trueform:
