# Overview
URL: /docs/web/components

Production-ready UI components built with React, TypeScript, Tailwind CSS v4, and CVA variants.

Browse all available Docyrus UI components.

## Available Components

| Component | Description |
|-----------|-------------|
| [Avatar Select](/docs/web/components/avatar-select) | Avatar Select component with multiple variants and sizes. |
| [Avatar Thumbnail](/docs/web/components/avatar-thumbnail) | Avatar Thumbnail component with multiple variants and sizes. |
| [Awesome Card](/docs/web/components/awesome-card) | A card with a hatched-stripe header and an inset content area, perfect for displaying stats and metrics. |
| [Confirmation Button](/docs/web/components/confirmation-button) | Confirmation Button component with multiple variants and sizes. |
| [Create Record Dialog](/docs/web/components/create-record-dialog) | Create Record Dialog component with multiple variants and sizes. |
| [Data Grid View Select](/docs/web/components/data-grid-view-select) | A view selector with integrated view editor for DataGrid. Supports dropdown, horizontal-tabs, and vertical-tabs variants with full CRUD operations on saved views. |
| [Date Time Picker](/docs/web/components/date-time-picker) | Date Time Picker component with multiple variants and sizes. |
| [Date Time Range Picker](/docs/web/components/date-time-range-picker) | Date Time Range Picker component with multiple variants and sizes. |
| [Day Picker](/docs/web/components/day-picker) | Day Picker component with multiple variants and sizes. |
| [Delete Confirm Dialog](/docs/web/components/delete-confirm-dialog) | Delete Confirm Dialog component with multiple variants and sizes. |
| [Duration Select](/docs/web/components/duration-select) | Duration Select component with multiple variants and sizes. |
| [Editable Record Detail](/docs/web/components/editable-record-detail) | Editable Record Detail component with multiple variants and sizes. |
| [Editable Value](/docs/web/components/editable-value) | Editable Value component with multiple variants and sizes. |
| [Email Composer](/docs/web/components/email-composer) | Rich text email composer with formatting toolbar, recipients, attachments, and i18n support. |
| [Kanban](/docs/web/components/kanban) | A drag-and-drop kanban board with sortable columns and items, column reordering, overlay previews, and final drop zones for archiving or completing tasks. |
| [Map](/docs/web/components/map) | Interactive map component built on Leaflet with SSR-safe lazy loading, theme-aware tiles, marker clustering, drawing tools, custom controls, and geolocation. |
| [Morph Popover](/docs/web/components/morph-popover) | Morph Popover component with multiple variants and sizes. |
| [Notifications Panel](/docs/web/components/notifications-panel) | Notifications Panel component with multiple variants and sizes. |
| [Place Autocomplete](/docs/web/components/place-autocomplete) | Place Autocomplete component with multiple variants and sizes. |
| [Radio Group](/docs/web/components/radio-group) | Radio Group component with multiple variants and sizes. |
| [Schema Repeater](/docs/web/components/schema-repeater) | Schema Repeater component with multiple variants and sizes. |
| [Search Input](/docs/web/components/search-input) | Search Input component with multiple variants and sizes. |
| [Simple Markdown Editor](/docs/web/components/simple-markdown-editor) | Simple Markdown Editor component with multiple variants and sizes. |
| [Tree View](/docs/web/components/tree-view) | Tree View component with multiple variants and sizes. |
| [Awesome Dialog](/docs/web/components/awesome-dialog) | Awesome Dialog component. |
| [Awesome Stats](/docs/web/components/awesome-stats) | Data-driven metric cards with grid, flex, and animated tabs layouts. |
| [Calendar](/docs/web/components/calendar) | Calendar component. |
| [Comments Panel](/docs/web/components/comments-panel) | Comments Panel component. |
| [Contact Activity Panel](/docs/web/components/contact-activity-panel) | Contact Activity Panel component. |
| [Data Grid](/docs/web/components/data-grid) | A virtualized, editable spreadsheet-like data grid with sorting, filtering, grouping, cell selection, and keyboard navigation. |
| [Data Table Filter](/docs/web/components/data-table-filter) | A composable filter bar for data tables with text, number, date, option, and multi-option column types. |
| [Docyrus Agent](/docs/web/components/docyrus-agent) | AI-powered conversational agent component with chat, action panel, and trigger modes. |
| [File Attachment Panel](/docs/web/components/file-attachment-panel) | File Attachment Panel component. |
| [Form Fields](/docs/web/components/form-fields) | Dynamic form field system powered by TanStack Form. 47 field types with automatic dispatch via DynamicFormField. |
| [Gantt](/docs/web/components/gantt) | A Gantt chart component with drag-and-drop task scheduling, timeline zoom, custom markers, and sidebar navigation. |
| [Image Editor](/docs/web/components/image-editor) | An image editor with crop, brightness, saturation, contrast, and hue adjustments, supporting rectangle and circle stencils with zoom controls. |
| [Log Activity Form](/docs/web/components/log-activity-form) | Log Activity Form component. |
| [Mega Select](/docs/web/components/mega-select) | Mega Select component. |
| [Notification Stack](/docs/web/components/notification-stack) | A stacked notification card system with swipe-to-dismiss gestures, auto-pagination, action buttons, and animated transitions. |
| [Pivot Grid](/docs/web/components/pivot-grid) | A standalone pivot grid with 3-level row and column hierarchies, subtotals, grand totals, drilldown, pinning, resizing, and export. |
| [Pricing Engine Panel](/docs/web/components/pricing-engine-panel) | Pricing Engine Panel component. |
| [Query Builder](/docs/web/components/query-builder) | Query Builder component. |
| [Record Activity Panel](/docs/web/components/record-activity-panel) | Record Activity Panel component. |
| [Record Delete Confirm Dialog](/docs/web/components/record-delete-confirm-dialog) | Record Delete Confirm Dialog component. |
| [Record Sharing](/docs/web/components/record-sharing) | Record Sharing component. |
| [Resource Scheduler Panel](/docs/web/components/resource-scheduler-panel) | Resource Scheduler Panel component. |
| [Stepper](/docs/web/components/stepper) | A multi-step progress indicator with 6 visual variants, horizontal/vertical orientation, animated transitions, and customizable step icons. |
| [Team Chat Channel](/docs/web/components/team-chat-channel) | Team Chat Channel component. |
| [Time Slot Scheduler](/docs/web/components/time-slot-scheduler) | Time Slot Scheduler component. |
| [Value Renderers](/docs/web/components/value-renderers) | Read-only value display system for table cells, detail views, and kanban cards. 44 renderer types with automatic dispatch via DynamicValue. |