---
title: Overview
icon: "palette"
description: Component library for Twenty CRM
---

import { CardTitle } from "/snippets/card-title.mdx"

## Components

<CardGroup cols={2}>
  <Card href="/twenty-ui/display" img="/images/user-guide/views/filter.png">
    <CardTitle>Display</CardTitle>
    Display components for showing information visually
  </Card>

  <Card href="/twenty-ui/progress-bar" img="/images/user-guide/fields/field.png">
    <CardTitle>Feedback</CardTitle>
    Feedback components for user notifications
  </Card>

  <Card href="/twenty-ui/input" img="/images/user-guide/tips/light-bulb.png">
    <CardTitle>Input</CardTitle>
    Input components for user interaction
  </Card>

  <Card href="/twenty-ui/navigation" img="/images/user-guide/tasks/tasks_header.png">
    <CardTitle>Navigation</CardTitle>
    Navigation components for user interface
  </Card>
</CardGroup>