{ "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "What are atomic design components?", "acceptedAnswer": { "@type": "Answer", "text": "Brad Frost's methodology of building UI from atoms (basic elements) → molecules → organisms → templates → pages." } }, { "@type": "Question", "name": "What is the difference between a Webflow component and a symbol?", "acceptedAnswer": { "@type": "Answer", "text": "Webflow replaced Symbols with Components in 2022, adding more flexibility and prop support." } }, { "@type": "Question", "name": "Should components be styled globally or locally?", "acceptedAnswer": { "@type": "Answer", "text": "Global styles for shared properties; local overrides for context-specific variations." } } ] }
Definition

What Is a UI Component?

A reusable, self-contained UI element — such as a button, card, modal, or navigation bar — that can be used consistently across a design system or website.

Related Terms

Design System

Webflow

UI

Figma

CSS

Example

Reload Mode builds a 'Feature Card' component in Webflow that is used 12 times across the site — changing the master updates all instances simultaneously.

Synonyms:

UI component, Module, Block

Acronyms:

-