UI Component
Category: Infrastructure“U-I kom-POH-nent”
One reusable piece of a screen — a button, a card, a form field — built once and used everywhere.
Lesson #8: The Builder's Toolkit: Hooks, Plugins, APIs & SDKs →A pre-hung door. Build it once in the shop, then install the same one in every room.
The same search bar shows up at the top of every page of a store's website.
A 'job card' component shows address, crew, and status the same way on the dashboard, the phone app, and the printout.
Changing the approve button in one component instantly updates it across forty screens.
Components keep a product consistent and cheap to change, which is why redesigns don't take a year.
A UI component is one reusable building block of an interface.
Open a tool you use daily and count how many times the same card or button shape repeats.
Hover or focus a choice to preview the new review date.
Exercises by category
- Agents0/21 · 0%
- Models0/10 · 0%
- Data0/11 · 0%
- Infrastructure0/22 · 0%
- Fundamentals0/15 · 0%
- NobleHub0/20 · 0%
Next badge: First Nail — 1 more exercise
Related terms
Picked automatically from the same category and the ideas this term shares.
Hand-picked pair
The shared rulebook of colors, type, spacing, and components that keeps every screen of a product looking like one product.
Hand-picked pair
An add-on you install to give a program a new ability it did not ship with, without changing the program itself.
Same category: Infrastructure
A ready-made bundle of code, tools, and instructions that makes it much faster to build on top of somebody else's system.
Same category: Infrastructure
One specific address in an API that does one specific job, like listing customers or creating an invoice.
Same category: Infrastructure
An automatic message one app sends to another the moment something happens, so nobody has to keep checking for updates.
Same category: Infrastructure
A common, predictable way for programs to ask each other for information or to make a change, using plain web addresses.