---
title: Components
sidebarTitle: Overview
description: Shared design presets and reusable app building blocks composed from Twenty UI primitives.
---

Components combine [primitives](/ui/primitives/overview) into recurring design presets and reusable app building blocks. Like primitives, they receive data and callbacks from your application.

Import shared components from `twenty-ui/components`. See [Getting started](/ui/getting-started) for installation and theme setup.

## Browse components

| Component                                        | Purpose                                                               |
| ------------------------------------------------ | --------------------------------------------------------------------- |
| [MainButton](/ui/components/input/main-button)   | Prominent actions with a solid surface, elevation, and semibold text. |
| [LightButton](/ui/components/input/light-button) | Lightweight actions with standard or subtle emphasis.                 |
| [IconButton](/ui/components/input/icon-button)   | Square icon actions built on Button.                                  |
| [Section](/ui/components/section)                | Related content with a heading, description, and optional action.     |