---
name: "@avertra-ui"
slug: "avertra-ui"
description: "A collection of React components built with Tailwind CSS, designed to help you create beautiful and responsive user interfaces with ease."
category: "Forms"
tags: ["auth", "buttons", "cards", "editor", "forms", "loaders", "media", "navigation", "overlays", "tables"]
framework: "react"
license: null
author: null
website: "https://micomponents.micustomer.io"
github: null
registry: "https://micomponents.micustomer.io/r/registry.json"
pro: false
pro_url: null
github_stars: null
component_count: 31
generated_at: "2026-10-10T06:32:55.998Z"
---

# @avertra-ui

A collection of React components built with Tailwind CSS, designed to help you create beautiful and responsive user interfaces with ease.

## Links

- Website: https://micomponents.micustomer.io
- Registry JSON: https://micomponents.micustomer.io/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/avertra-ui
- This file: https://sh4dcn.vercel.app/md/avertra-ui.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://micomponents.micustomer.io/r/registry.json
pnpm dlx shadcn@latest add https://micomponents.micustomer.io/r/registry.json
bunx shadcn@latest add https://micomponents.micustomer.io/r/registry.json
# fetch the raw registry index
curl -s https://micomponents.micustomer.io/r/registry.json
```

## Components (31)

| name | type | description | install |
| --- | --- | --- | --- |
| accordion | registry:ui | A collapsible accordion component. | `npx shadcn@latest add https://micomponents.micustomer.io/r/accordion.json` |
| alert | registry:ui | An alert component for displaying messages. | `npx shadcn@latest add https://micomponents.micustomer.io/r/alert.json` |
| avatar | registry:ui | An avatar component for displaying user images. | `npx shadcn@latest add https://micomponents.micustomer.io/r/avatar.json` |
| badge | registry:ui | A badge component for displaying status or labels. | `npx shadcn@latest add https://micomponents.micustomer.io/r/badge.json` |
| breadcrumb | registry:ui | A breadcrumb navigation component. | `npx shadcn@latest add https://micomponents.micustomer.io/r/breadcrumb.json` |
| button | registry:ui | A reusable button component. | `npx shadcn@latest add https://micomponents.micustomer.io/r/button.json` |
| calendar | registry:ui | A calendar component for date selection. | `npx shadcn@latest add https://micomponents.micustomer.io/r/calendar.json` |
| card | registry:ui | A card component for containing content. | `npx shadcn@latest add https://micomponents.micustomer.io/r/card.json` |
| checkbox | registry:ui | A checkbox component for toggling options. | `npx shadcn@latest add https://micomponents.micustomer.io/r/checkbox.json` |
| componentfooter | registry:ui | A footer component for component documentation. | `npx shadcn@latest add https://micomponents.micustomer.io/r/componentfooter.json` |
| edgecases | registry:ui | Edge case components and examples. | `npx shadcn@latest add https://micomponents.micustomer.io/r/edgecases.json` |
| floating-label-input | registry:ui | An input component with floating label. | `npx shadcn@latest add https://micomponents.micustomer.io/r/floating-label-input.json` |
| heading | registry:ui | A heading component with various sizes. | `npx shadcn@latest add https://micomponents.micustomer.io/r/heading.json` |
| info-tooltip | registry:ui | A tooltip component for displaying information. | `npx shadcn@latest add https://micomponents.micustomer.io/r/info-tooltip.json` |
| input | registry:ui | A text input component. | `npx shadcn@latest add https://micomponents.micustomer.io/r/input.json` |
| label | registry:ui | A label component for form inputs. | `npx shadcn@latest add https://micomponents.micustomer.io/r/label.json` |
| links | registry:ui | A links component for navigation. | `npx shadcn@latest add https://micomponents.micustomer.io/r/links.json` |
| otp-input | registry:ui | An OTP (One-Time Password) input component. | `npx shadcn@latest add https://micomponents.micustomer.io/r/otp-input.json` |
| pagination | registry:ui | A pagination component for navigating pages. | `npx shadcn@latest add https://micomponents.micustomer.io/r/pagination.json` |
| popover | registry:ui | A popover component for displaying content. | `npx shadcn@latest add https://micomponents.micustomer.io/r/popover.json` |
| progress | registry:ui | A progress bar component. | `npx shadcn@latest add https://micomponents.micustomer.io/r/progress.json` |
| radio-group | registry:ui | A radio button group component. | `npx shadcn@latest add https://micomponents.micustomer.io/r/radio-group.json` |
| social-link | registry:ui | A social media link component. | `npx shadcn@latest add https://micomponents.micustomer.io/r/social-link.json` |
| spinner | registry:ui | A loading spinner component. | `npx shadcn@latest add https://micomponents.micustomer.io/r/spinner.json` |
| stepper | registry:ui | A stepper component for multi-step processes. | `npx shadcn@latest add https://micomponents.micustomer.io/r/stepper.json` |
| table | registry:ui | A table component for displaying data. | `npx shadcn@latest add https://micomponents.micustomer.io/r/table.json` |
| tabs | registry:ui | A tabs component for organizing content. | `npx shadcn@latest add https://micomponents.micustomer.io/r/tabs.json` |
| tag | registry:ui | A tag component for labeling content. | `npx shadcn@latest add https://micomponents.micustomer.io/r/tag.json` |
| toggle | registry:ui | A toggle component for switching states. | `npx shadcn@latest add https://micomponents.micustomer.io/r/toggle.json` |
| tooltip | registry:ui | A tooltip component for displaying help text. | `npx shadcn@latest add https://micomponents.micustomer.io/r/tooltip.json` |
| wysiwyg-viewer | registry:ui | A WYSIWYG content viewer component. | `npx shadcn@latest add https://micomponents.micustomer.io/r/wysiwyg-viewer.json` |

## For AI agents

```text
You are adding components from @avertra-ui to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/avertra-ui.md) for the component list.
2. Fetch the machine-readable index: https://micomponents.micustomer.io/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: avertra-ui).
```