---
title: نظرة عامة
icon: لوحة الألوان
description: مكتبة المكونات لتطبيق Twenty CRM
---

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

## مكونات

<CardGroup cols={٢}>
  <Card href="/l/ar/twenty-ui/display" img="/images/user-guide/views/filter.png">
    <CardTitle>العرض</CardTitle>
    مكونات العرض لعرض المعلومات بصريًا
  </Card>

  <Card href="/l/ar/twenty-ui/progress-bar" img="/images/user-guide/fields/field.png">
    <CardTitle>التغذية الراجعة</CardTitle>
    مكونات التغذية الراجعة لإبلاغ المستخدمين
  </Card>

  <Card href="/l/ar/twenty-ui/input" img="/images/user-guide/tips/light-bulb.png">
    <CardTitle>الإدخال</CardTitle>
    مكونات الإدخال لتفاعل المستخدم
  </Card>

  <Card href="/l/ar/twenty-ui/navigation" img="/images/user-guide/tasks/tasks_header.png">
    <CardTitle>التنقل</CardTitle>
    مكونات التنقل لواجهة المستخدم
  </Card>
</CardGroup>