---
name: "@honestui"
slug: "honestui"
description: "React UI components, animated interactions, shaders, and charts distributed as editable source."
category: "Animated components"
tags: ["animation", "backgrounds", "buttons", "cards", "charts", "dashboard", "forms", "icons", "loaders", "media", "navigation", "overlays", "tables", "text-effects"]
framework: "react"
license: "MIT"
author: "honestui"
website: "https://www.honestui.com"
github: "https://github.com/honestui/honestui"
registry: "https://www.honestui.com/r/registry.json"
pro: false
pro_url: null
github_stars: 4
component_count: 84
generated_at: "2026-09-05T09:50:59.044Z"
---

# @honestui

React UI components, animated interactions, shaders, and charts distributed as editable source.

## Links

- Website: https://www.honestui.com
- GitHub: https://github.com/honestui/honestui
- Registry JSON: https://www.honestui.com/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/honestui
- This file: https://sh4dcn.vercel.app/md/honestui.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://www.honestui.com/r/registry.json
pnpm dlx shadcn@latest add https://www.honestui.com/r/registry.json
bunx shadcn@latest add https://www.honestui.com/r/registry.json
# clone the source repo
git clone https://github.com/honestui/honestui.git
# fetch the raw registry index
curl -s https://www.honestui.com/r/registry.json
```

## Components (84)

| name | type | description | install |
| --- | --- | --- | --- |
| accordion | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/accordion.json` |
| action-swap | registry:component | — | `npx shadcn@latest add https://www.honestui.com/r/action-swap.json` |
| action-swap-blur | registry:component | — | `npx shadcn@latest add https://www.honestui.com/r/action-swap-blur.json` |
| action-swap-cascade | registry:component | — | `npx shadcn@latest add https://www.honestui.com/r/action-swap-cascade.json` |
| action-swap-roll | registry:component | — | `npx shadcn@latest add https://www.honestui.com/r/action-swap-roll.json` |
| alert | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/alert.json` |
| alert-dialog | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/alert-dialog.json` |
| analytics-dashboard | registry:block | — | `npx shadcn@latest add https://www.honestui.com/r/analytics-dashboard.json` |
| autocomplete | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/autocomplete.json` |
| avatar | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/avatar.json` |
| badge | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/badge.json` |
| blinds | registry:component | — | `npx shadcn@latest add https://www.honestui.com/r/blinds.json` |
| bouncy-accordion | registry:component | — | `npx shadcn@latest add https://www.honestui.com/r/bouncy-accordion.json` |
| breadcrumb | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/breadcrumb.json` |
| brush | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/brush.json` |
| button | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/button.json` |
| card | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/card.json` |
| chart | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/chart.json` |
| checkbox | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/checkbox.json` |
| checkbox-group | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/checkbox-group.json` |
| chromatic-image | registry:component | — | `npx shadcn@latest add https://www.honestui.com/r/chromatic-image.json` |
| chromatic-text-reveal | registry:component | — | `npx shadcn@latest add https://www.honestui.com/r/chromatic-text-reveal.json` |
| collapsible | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/collapsible.json` |
| color-picker | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/color-picker.json` |
| combobox | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/combobox.json` |
| command | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/command.json` |
| context-menu | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/context-menu.json` |
| data-grid | registry:component | — | `npx shadcn@latest add https://www.honestui.com/r/data-grid.json` |
| data-table | registry:component | — | `npx shadcn@latest add https://www.honestui.com/r/data-table.json` |
| date-range-picker | registry:component | — | `npx shadcn@latest add https://www.honestui.com/r/date-range-picker.json` |
| dialog | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/dialog.json` |
| dither | registry:component | — | `npx shadcn@latest add https://www.honestui.com/r/dither.json` |
| dock | registry:component | — | `npx shadcn@latest add https://www.honestui.com/r/dock.json` |
| dot | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/dot.json` |
| dropdown-menu | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/dropdown-menu.json` |
| empty | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/empty.json` |
| field | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/field.json` |
| fieldset | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/fieldset.json` |
| file-upload | registry:component | — | `npx shadcn@latest add https://www.honestui.com/r/file-upload.json` |
| filter-bar | registry:component | — | `npx shadcn@latest add https://www.honestui.com/r/filter-bar.json` |
| form | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/form.json` |
| frame | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/frame.json` |
| grainient | registry:component | — | `npx shadcn@latest add https://www.honestui.com/r/grainient.json` |
| group | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/group.json` |
| input | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/input.json` |
| input-group | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/input-group.json` |
| kanban-list | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/kanban-list.json` |
| label | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/label.json` |
| legend | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/legend.json` |
| light-rays | registry:component | — | `npx shadcn@latest add https://www.honestui.com/r/light-rays.json` |
| magnetic | registry:component | — | `npx shadcn@latest add https://www.honestui.com/r/magnetic.json` |
| marquee | registry:component | — | `npx shadcn@latest add https://www.honestui.com/r/marquee.json` |
| menu | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/menu.json` |
| meter | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/meter.json` |
| number-field | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/number-field.json` |
| number-ticker | registry:component | — | `npx shadcn@latest add https://www.honestui.com/r/number-ticker.json` |
| pagination | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/pagination.json` |
| popover | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/popover.json` |
| preview-card | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/preview-card.json` |
| progress | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/progress.json` |
| radio-group | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/radio-group.json` |
| scroll-area | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/scroll-area.json` |
| select | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/select.json` |
| separator | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/separator.json` |
| shared-layout-bg | registry:component | — | `npx shadcn@latest add https://www.honestui.com/r/shared-layout-bg.json` |
| sheet | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/sheet.json` |
| skeleton | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/skeleton.json` |
| slider | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/slider.json` |
| switch | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/switch.json` |
| table | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/table.json` |
| tabs | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/tabs.json` |
| text-reveal | registry:component | — | `npx shadcn@latest add https://www.honestui.com/r/text-reveal.json` |
| text-shimmer | registry:component | — | `npx shadcn@latest add https://www.honestui.com/r/text-shimmer.json` |
| textarea | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/textarea.json` |
| tilt-card | registry:component | — | `npx shadcn@latest add https://www.honestui.com/r/tilt-card.json` |
| toast | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/toast.json` |
| toast-gooey | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/toast-gooey.json` |
| toast-gooey-icons | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/toast-gooey-icons.json` |
| toast-gooey-renderer | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/toast-gooey-renderer.json` |
| toast-gooey-types | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/toast-gooey-types.json` |
| toggle | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/toggle.json` |
| toggle-group | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/toggle-group.json` |
| toolbar | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/toolbar.json` |
| tooltip | registry:ui | — | `npx shadcn@latest add https://www.honestui.com/r/tooltip.json` |

## For AI agents

```text
You are adding components from @honestui to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/honestui.md) for the component list.
2. Fetch the machine-readable index: https://www.honestui.com/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: honestui).
```