---
name: "@karaui"
slug: "karaui"
description: "Animated React components, AI agent interfaces and app blocks built with Motion and Tailwind CSS, with ten switchable design styles."
category: "Animated components"
tags: ["ai", "animation", "audio", "backgrounds", "blocks", "buttons", "cards", "charts", "dashboard", "editor", "forms", "loaders", "maps", "media", "navigation", "onboarding", "overlays", "pro-available", "tables", "text-effects", "theming"]
framework: "react"
license: "MIT"
author: "kamisama-v0"
website: "https://karaui.kamisama-v0.my.id"
github: "https://github.com/kamisama-v0/Karaui"
registry: "https://karaui.kamisama-v0.my.id/r/registry.json"
pro: true
pro_url: "https://karaui.kamisama-v0.my.id/components/blocks/pricing-table"
github_stars: 2
component_count: 213
generated_at: "2026-10-20T06:35:22.791Z"
---

# @karaui

Animated React components, AI agent interfaces and app blocks built with Motion and Tailwind CSS, with ten switchable design styles.

## Links

- Website: https://karaui.kamisama-v0.my.id
- GitHub: https://github.com/kamisama-v0/Karaui
- Registry JSON: https://karaui.kamisama-v0.my.id/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/karaui
- This file: https://sh4dcn.vercel.app/md/karaui.md
- Pro / pricing: https://karaui.kamisama-v0.my.id/components/blocks/pricing-table

## Install

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

## Components (213)

| name | type | description | install |
| --- | --- | --- | --- |
| tilt-card | registry:component | 3D perspective tilt on hover with cursor-tracked glare. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/tilt-card.json` |
| button-base | registry:component | Press scale, hover lift, variants and sizes. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/button-base.json` |
| button-stateful | registry:component | Idle → loading → success / error with blur-swap slots and morphing width. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/button-stateful.json` |
| button-magnetic | registry:component | Button composed with the Magnetic wrapper for cursor-attracted pull. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/button-magnetic.json` |
| expanding-arrow-button | registry:component | An accent tile that expands into a dotted-arrow trail on hover or focus. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/expanding-arrow-button.json` |
| hold-action-button | registry:component | Hold to complete with a vertical or horizontal liquid fill; release early to cancel. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/hold-action-button.json` |
| slide-action-button | registry:component | Drag the thumb to the end to confirm an action; release early to spring back. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/slide-action-button.json` |
| marquee | registry:component | Infinite horizontal or vertical scroll with pause-on-hover. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/marquee.json` |
| tabs | registry:component | Pill, segment or underline tabs with a spring layoutId indicator. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/tabs.json` |
| switch | registry:component | Toggle with a spring-driven thumb and press feedback. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/switch.json` |
| input | registry:component | Text input with label, left/right icons, error shake and success check draw. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/input.json` |
| select | registry:component | Composable primitives (Select, SelectTrigger, SelectValue, SelectContent, SelectItem); the panel pinches off the trigger and separates, with staggered items. P… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/select.json` |
| select-morph | registry:component | Composable primitives (MorphSelect, MorphSelectTrigger, MorphSelectValue, MorphSelectContent, MorphSelectItem) where the trigger morphs into the panel via a sh… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/select-morph.json` |
| combobox | registry:component | Searchable combobox with a morphing portal, grouped filtering, keyboard navigation, and controlled or uncontrolled state. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/combobox.json` |
| checkbox | registry:component | Form choice control with a draw-on checkmark, spring press feedback and indeterminate state support. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/checkbox.json` |
| radio | registry:component | Single-select choice control with a gliding layoutId indicator dot and spring press feedback. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/radio.json` |
| bottom-sheet | registry:component | Vaul-inspired draggable bottom sheet with snap points, inertia and glass surface. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/bottom-sheet.json` |
| pull-to-refresh | registry:component | Native-feeling pull-to-refresh container with drag resistance, threshold feedback and async refresh handling. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/pull-to-refresh.json` |
| shared-layout-bg | registry:component | A pill that glides between hovered items via motion's shared layout, with blur enter/exit. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/shared-layout-bg.json` |
| bounce-sidebar | registry:component | A vertical sidebar whose active dot jumps between destinations on a curved, spring-loaded path. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/bounce-sidebar.json` |
| animated-sidebar | registry:component | A composable application sidebar with morphing nested navigation that folds into an animated icon rail on desktop and becomes a focus-managed sheet on mobile. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/animated-sidebar.json` |
| preview-rail | registry:component | Codex app-inspired navigation rail with compact ticks that form a hover pyramid and reveal a floating destination preview. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/preview-rail.json` |
| dock | registry:component | macOS-style dock with grouped actions and a gliding active pill. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/dock.json` |
| tooltip | registry:component | Hover or focus tooltip with blur enter/exit and spring spawn. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/tooltip.json` |
| context-menu | registry:component | Composable context-menu primitives with a pointer-origin clip morph, a gliding active row, checkbox and radio choices, keyboard navigation, typeahead, and long… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/context-menu.json` |
| popover | registry:component | Composable Popover, PopoverTrigger, PopoverContent; the panel oozes out of the trigger through an SVG goo filter with a liquid neck, crisp content fading in on… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/popover.json` |
| popover-morph | registry:component | Composable MorphPopover, MorphPopoverTrigger, MorphPopoverContent; the panel is laid out full size but clipped to the corner nearest the trigger, then unclips … | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/popover-morph.json` |
| morphing-modal | registry:component | Family-app-style modal. A single panel that morphs its height as you navigate between inner views, with blur cross-fade on content. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/morphing-modal.json` |
| center-morph-modal | registry:component | A composable modal whose full-size surface unfolds from its exact center toward every edge, then folds back the same way with an inset close control. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/center-morph-modal.json` |
| text-scramble | registry:component | A controlled character scramble that resolves changed text while keeping its final value accessible. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/text-scramble.json` |
| chromatic-text-reveal | registry:component | A Dia-inspired text effect with a fixed sentence prefix and a cycling final word revealed by a colorful sweep. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/chromatic-text-reveal.json` |
| text-reveal | registry:component | Word or character reveal with spring slide-up and blur. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/text-reveal.json` |
| text-shimmer | registry:component | Gradient sweep across text for loading or emphasis. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/text-shimmer.json` |
| text-cascade | registry:component | Letter-by-letter slot roll for standalone text — old letters drop away as new ones land, left to right. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/text-cascade.json` |
| number-ticker | registry:component | Slot-machine rolling digits with staggered entry. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/number-ticker.json` |
| animated-number | registry:component | Spring-driven count-up triggered when in view. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/animated-number.json` |
| animated-badge | registry:component | Status badge with animated state icons, pulse feedback and compact size variants. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/animated-badge.json` |
| action-swap-cascade | registry:component | Letter-by-letter slot roll — the old label's letters drop away as the new ones land, left to right. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/action-swap-cascade.json` |
| action-swap-blur | registry:component | Copy-button style swap with blur, opacity and scale. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/action-swap-blur.json` |
| action-swap-roll | registry:component | The next text or icon rolls in from below with blur. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/action-swap-roll.json` |
| animated-toast-stack | registry:component | Stacked toasts with status morphs, swipe dismissal, actions and six screen positions. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/animated-toast-stack.json` |
| toast-promise | registry:component | One toast tracks a promise: a spinner while pending, then it morphs in place into success or error and starts its dismiss timer. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/toast-promise.json` |
| theme-toggle | registry:component | Theme toggle button that repaints the whole page through the View Transition API — a rectangle or circle clip-path reveal, or slats that open across the screen… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/theme-toggle.json` |
| bouncy-accordion | registry:component | Single-open accordion with weighted spring layout, icon rows and reduced-motion-safe content reveals. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/bouncy-accordion.json` |
| drawer | registry:component | Side panel that slides in from the left or right with a spring, backdrop blur, body scroll lock and esc-to-close. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/drawer.json` |
| smooth-scroll | registry:component | Smooth-scroll provider over Lenis with a useSmoothScroll hook exposing scroll offset, progress and velocity. Reduced-motion safe. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/smooth-scroll.json` |
| scroll-progress | registry:component | Reading-progress indicator — fixed bar or circular ring — driven by scroll position via useSmoothScroll, with spring smoothing. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/scroll-progress.json` |
| parallax | registry:component | Wrapper that drifts its children at a speed factor as they cross the viewport, on either axis. Reduced-motion safe. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/parallax.json` |
| scroll-to | registry:component | Button that smooth-scrolls to a target (offset, selector or element) via the active SmoothScroll provider; reduced-motion jumps instantly. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/scroll-to.json` |
| scroll-reveal | registry:component | Reveals its children with a spring slide and blur as they enter the viewport, once or every time. Reduced-motion keeps a fade. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/scroll-reveal.json` |
| range-slider | registry:component | Tick dots, and a vertical-bar thumb that bounces as it lands on each step. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/range-slider.json` |
| range-slider-fluid | registry:component | No thumb. The fill slides behind a rounded liquid cap, and the label flips color wherever the fill covers it. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/range-slider-fluid.json` |
| range-slider-wave | registry:component | Equalizer bars peak around the handle and drop back once it passes, so the value moves down the track as a wave. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/range-slider-wave.json` |
| range-slider-bubble | registry:component | Grab the thumb and a value bubble pops out of it. The bubble tilts and squashes with how fast you drag, then settles upright. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/range-slider-bubble.json` |
| range-slider-ruler | registry:component | The needle stays put and the scale scrolls under it. A flick keeps going and settles on the nearest tick. Fractional steps read at the step's own precision. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/range-slider-ruler.json` |
| wheel-picker | registry:component | iOS-style picker wheel: a 3D drum on native momentum scroll that snaps to the nearest notch, with wheel, drag and keyboard control. Composes side by side for d… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/wheel-picker.json` |
| chart-area | registry:component | Stacked gradient areas with a time-range switch; the reveal replays whenever the range changes. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/chart-area.json` |
| chart-bar | registry:component | Grouped columns that grow from the baseline; hovering a category dims the rest and reads every series. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/chart-bar.json` |
| chart-line | registry:component | Smooth monotone lines with dots, a snapping cursor and one tooltip for every series. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/chart-line.json` |
| chart-donut | registry:component | Slices sweep in clockwise; the hovered slice lifts and the center swaps from the total to its value and share. variant="pie" for a solid pie. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/chart-donut.json` |
| chart-radial | registry:component | Concentric progress rings with rounded caps that fill clockwise toward a target. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/chart-radial.json` |
| sparkline | registry:component | Word-sized trend line for stat tiles that ends on the latest value, with a spoken summary. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/sparkline.json` |
| chart-heatmap | registry:component | GitHub-style contribution calendar; cells fade in week by week and arrow keys read each day. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/chart-heatmap.json` |
| chart-gauge | registry:component | Arc meter with threshold bands; the fill and a springy needle swing to the value together. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/chart-gauge.json` |
| chart-funnel | registry:component | Horizontal conversion funnel whose stages grow in one by one; hovering a stage reads its step conversion. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/chart-funnel.json` |
| sortable-list | registry:component | Drag-to-reorder list where only the grip handle lifts a row, the lifted row rises with a soft shadow and slight scale while its siblings spring out of the way,… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/sortable-list.json` |
| tree-view | registry:component | Keyboard-first WAI-ARIA tree with spring-rotating chevrons, height-morphing nested groups, indent guide lines, a selection pill that glides between rows via sh… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/tree-view.json` |
| resizable-panels | registry:component | Horizontal or vertical split panes with pointer-captured drag handles, per-panel min/max sizes, collapsible panels that spring shut below a threshold, double-c… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/resizable-panels.json` |
| image-compare | registry:component | Before/after comparison whose top layer is clipped by a spring-smoothed clip-path divider, with a draggable knob, optional hover-follow mode, edge-fading label… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/image-compare.json` |
| timeline | registry:component | Vertical changelog timeline whose connector line draws with scroll progress, with dots that pop in, content that slides into view, done/current/upcoming states… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/timeline.json` |
| tag-input | registry:component | Chip field where Enter, comma or Tab adds a tag that springs in while the rest glide aside via shared layout, with Backspace-twice removal, arrow-key chip navi… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/tag-input.json` |
| color-picker | registry:component | HSV color picker with a 2D saturation/brightness area, hue and optional alpha sliders whose thumbs spring to a clicked point and follow drags 1:1, a validated … | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/color-picker.json` |
| rating | registry:component | Star rating radiogroup with hover preview fill, a staggered spring bounce on pick, optional half-star precision from the pointer position, click-to-clear, arro… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/rating.json` |
| number-stepper | registry:component | Spinbutton with −/+ controls whose digits roll in the direction of change, press-and-hold repeat that accelerates, direct typing, arrow/Page/Home/End keys, min… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/number-stepper.json` |
| pagination | registry:component | Page navigation with sibling and boundary ellipsis logic, a spring-gliding active pill, numbers that roll as the window shifts, arrow-nudge prev/next controls,… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/pagination.json` |
| copy-button | registry:component | Copy-to-clipboard button with a blur-and-scale copy-to-check icon morph, optional rolling Copy/Copied label, execCommand fallback, error state, and screen read… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/copy-button.json` |
| carousel | registry:component | Swipeable slide carousel driven by one motion value: momentum drag that snaps to slides with rubber-band edges, seamless loop, responsive slidesPerView, dot or… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/carousel.json` |
| markdown-editor | registry:component | Textarea Markdown editor with an undo-safe formatting toolbar and shortcuts, list continuation and Tab indenting, a floating selection toolbar, Write/Preview/S… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/markdown-editor.json` |
| tour | registry:component | Onboarding tour that dims the page and cuts a rounded spotlight around each target, gliding and resizing it from step to step, with a card that flips and shift… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/tour.json` |
| avatar-group | registry:component | Overlapping avatar stack that springs apart on hover or keyboard focus, with name tooltips, online/away/busy presence dots, an optional is-typing pulse ring an… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/avatar-group.json` |
| dropdown-menu | registry:component | Composable WAI-ARIA dropdown menu that springs open with a scale and fade from the trigger side, with a gliding active-row highlight, checkbox and radio items,… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/dropdown-menu.json` |
| hover-card | registry:component | Hover card that springs out of its trigger after an open delay and stays open while the pointer travels into it; also opens on keyboard focus, closes on Escape… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/hover-card.json` |
| kbd | registry:component | Keyboard key chips and key combos that render ⌘ or Ctrl for the visitor's platform without hydration mismatch, in two sizes, with a spring dip when pressed and… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/kbd.json` |
| dialog | registry:component | Composable modal Dialog and AlertDialog that portal to the body over a blurred backdrop, scale the panel up and exit faster, trap focus, close on Escape, lock … | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/dialog.json` |
| alert | registry:component | Inline alert banner in info, success, warning and destructive tones that keep contrast in light and dark, with icons, a title, description and optional actions… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/alert.json` |
| progress | registry:component | Progress indicators in three forms: a linear Progress bar whose fill springs smoothly with an optional label and rolling percentage, a ProgressCircle ring draw… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/progress.json` |
| skeleton | registry:component | Loading placeholders: Skeleton blocks in rect, circle or text shapes with a gradient shimmer, SkeletonText paragraphs with a natural short last line, and Skele… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/skeleton.json` |
| empty-state | registry:component | Empty-state block with an icon or illustration slot, title, description, primary and secondary actions, three sizes and an optional dashed border; the default … | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/empty-state.json` |
| breadcrumb | registry:component | Composable breadcrumb trail with a hover underline that slides in from the left, links that render through your router via a render prop, and a data-driven ite… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/breadcrumb.json` |
| segmented-control | registry:component | Form-ready SegmentedControl with radiogroup semantics, a raised thumb that glides between options on a shared-layout spring, icon and/or label options, sizes, … | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/segmented-control.json` |
| multi-select | registry:component | Searchable multi-value select whose field is the combobox input: picked options ride as chips that spring in, glide aside and collapse into a "+N" overflow chi… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/multi-select.json` |
| phone-input | registry:component | International phone field with a searchable country picker (emoji flags, dial codes, ~45 built-in countries or your own list), per-country grouping applied as … | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/phone-input.json` |
| password-input | registry:component | Password field with an eye icon that morphs to eye-off, a caps-lock warning, a segmented strength meter whose bars spring-fill and recolor with a sliding Weak/… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/password-input.json` |
| textarea | registry:component | Multi-line companion to Input with the same label, error shake and message API plus a description line, auto-growing between minRows and maxRows through a meas… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/textarea.json` |
| inline-edit | registry:component | Click-to-edit text that turns into an input or auto-growing textarea in the exact same box (no layout jump) on click, Enter or F2, saves on Enter or blur and c… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/inline-edit.json` |
| toggle-group | registry:component | Composable toolbar toggles: a standalone aria-pressed Toggle plus a shadcn-shaped ToggleGroup of ToggleGroupItem children in single or multiple mode, with defa… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/toggle-group.json` |
| card | registry:component | Plain, shadcn-compatible Card building block (CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter) with default, outline, elevated and … | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/card.json` |
| scroll-area | registry:component | Native-scrolling container that keeps wheel, touch momentum and keyboard scrolling but hides the browser bar behind an overlay thumb (vertical, horizontal or b… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/scroll-area.json` |
| collapsible | registry:component | Unstyled disclosure primitive (Collapsible, CollapsibleTrigger with asChild, CollapsibleContent) with controlled or uncontrolled open state, an in-flow height … | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/collapsible.json` |
| accordion | registry:component | Calm shadcn-compatible accordion built on Collapsible (Accordion, AccordionItem, AccordionTrigger, AccordionContent) with type single or multiple, collapsible,… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/accordion.json` |
| menubar | registry:component | Desktop-app menubar (File / Edit / View) on the WAI-ARIA menubar pattern where every menu renders into one shared floating panel, so once a menu is open hoveri… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/menubar.json` |
| badge | registry:component | General-purpose badge in default, secondary, outline, destructive, success and warning (soft or solid), three sizes, with an optional pulsing status dot or ico… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/badge.json` |
| stepper | registry:component | Multi-step flow with an active ring that glides between step markers, connectors that fill as steps complete, panels that slide in from the direction of travel… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/stepper.json` |
| date-picker | registry:component | Date field whose calendar morphs open from the trigger corner and closes on pick. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/date-picker.json` |
| calendar | registry:component | Inline single-date calendar; the selected pill glides between days. Weekends disabled in this demo. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/calendar.json` |
| date-range-picker | registry:component | Range field whose two-month calendar morphs open beside one-click presets and commits once the end day is picked. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/date-range-picker.json` |
| booking-calendar | registry:component | Two-month stay picker with nightly prices under each day and the cheapest days tinted, booked nights struck through, a minimum stay, and a footer with dates, n… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/booking-calendar.json` |
| time-picker | registry:component | iOS-style hour, minute and AM/PM drums composed from WheelPicker, inline or as a time field whose wheels morph open and commit on Done. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/time-picker.json` |
| date-time-picker | registry:component | One field whose panel morphs open with the calendar beside time wheels; edits a draft and commits on Done, labelled like "Oct 14, 2026, 9:30 AM". | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/date-time-picker.json` |
| month-picker | registry:component | Twelve-month grid with a gliding selection pill, year slides and a zoom-out year grid, single or range mode, min/max and full keyboard navigation, plus a popov… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/month-picker.json` |
| table | registry:component | 10k virtualized rows with sortable headers, row selection, column resize and reorder. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/table.json` |
| table-editable | registry:component | Edit cells inline and insert or delete rows and columns via border handles; the table re-renders from the updated data and column defs. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/table-editable.json` |
| table-async | registry:component | Loads pages on demand — skeleton rows on first load, then infinite scroll via onEndReached as the virtualized list nears the bottom. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/table-async.json` |
| table-advanced | registry:component | Paginated DataTable with multi-column sort (Shift+click adds keys, rows glide into place), per-column text/select filters and global search, column hide and dr… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/table-advanced.json` |
| shader-background | registry:component | Canvas shader backgrounds (mesh gradient, grain, warp, waves, voronoi, dot orbit and more) with a single typed variant prop. Reduced-motion freezes animated va… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/shader-background.json` |
| cylinder-carousel | registry:component | A carousel whose items line the inside of a cylinder, receding into the center and growing toward the edges. Drag, scroll or arrow-key to roll it, with a sprin… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/cylinder-carousel.json` |
| loader | registry:component | Loading indicator with seventeen variants: spinner, dots, bars, dot-matrix, dither, morph, comet, scramble, metaballs, newton, helix, percent, and five termina… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/loader.json` |
| voice-input | registry:component | A mic button that morphs into a recording pill with a live Web Audio waveform, elapsed timer, cancel and confirm actions, a shimmering transcription state, and… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/voice-input.json` |
| message-bubble | registry:component | A focused conversational surface with visual tones, independent alignment, grouped messages, expandable content, and interactive link or button support. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/message-bubble.json` |
| message | registry:component | Composable conversation primitives for message rows, grouped bubbles, avatars, metadata, live markers, and a mount-only trailing-edge pop-up for newly sent row… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/message.json` |
| message-scroller | registry:component | A reader-aware conversation viewport that follows streamed output at the live edge and releases control when the reader moves away. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/message-scroller.json` |
| prompt-input | registry:component | An auto-growing agent composer with prompt actions, model selection, keyboard submission, and animated send and stop states. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/prompt-input.json` |
| todo-list | registry:component | A collapsible agent task plan with morphing status marks, a completion count, compact metadata, and smooth list updates. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/todo-list.json` |
| code-block | registry:component | A syntax-highlighted code surface with stable streaming updates, line numbers, focused lines, smooth following, and copy feedback. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/code-block.json` |
| approval-card | registry:component | A human-in-the-loop decision surface for approvals, single or multiple-choice questions, custom responses, and multi-step review flows. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/approval-card.json` |
| file-diff | registry:component | A syntax-highlighted file change disclosure with progressive rows, line numbers, live change counts, smooth following, and completion collapse. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/file-diff.json` |
| tool-result | registry:component | A lightweight execution disclosure for syntax-highlighted terminal output and request responses that collapses into a compact completed state. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/tool-result.json` |
| streaming-response | registry:component | A stable response surface with completion actions, rendered content, and an expandable source summary. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/streaming-response.json` |
| image-generation | registry:component | A stable generated-image surface that moves from queued work through progressive refinement to a completed result without layout shift. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/image-generation.json` |
| tool-approval | registry:component | A human-in-the-loop permission card for reviewing tool details, allowing once, remembering access, or denying execution. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/tool-approval.json` |
| citations | registry:component | Inline citation markers paired with a collapsible, progressively rendered reference collection for grounded agent responses. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/citations.json` |
| agent-activity | registry:component | One adaptive activity stream for reasoning, searches, tool calls, structured execution traces, or a chronological mix. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/agent-activity.json` |
| reasoning-text | registry:component | Shimmering reasoning copy with an ASCII loader and cascade, phrase-swap, or per-letter scramble transitions. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/reasoning-text.json` |
| thinking-shimmer | registry:component | A quiet shimmer that keeps the agent's current status readable while work continues. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/thinking-shimmer.json` |
| agent-progress | registry:component | A compact activity glyph, action verb, and live tabular timer for longer-running agent work. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/agent-progress.json` |
| model-selector | registry:component | Searchable AI model picker (`ModelSelector`) that morphs open from its trigger with models grouped by provider, generic geometric provider glyphs, vision/tools… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/model-selector.json` |
| context-meter | registry:component | Token usage indicator (`ContextMeter`) whose compact ring and "42k / 200k" readout expand on hover or click into a breakdown bar of system, conversation, files… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/context-meter.json` |
| prompt-suggestions | registry:component | Suggested prompt cards or chips (`PromptSuggestions`) that stagger in on first reveal, filter and highlight as the composer text changes via `query`, reflow wi… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/prompt-suggestions.json` |
| message-actions | registry:component | Assistant message action row (`MessageActions`) with copy that morphs into a drawn check, regenerate that spins (continuously while its promise runs), exclusiv… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/message-actions.json` |
| branch-navigator | registry:component | Version switcher for regenerated or edited messages: `Branches` shares a controlled or uncontrolled index, `BranchContent` cross-fades and slides the active ve… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/branch-navigator.json` |
| conversation-history | registry:component | Chat history sidebar list grouped into Pinned, Today, Yesterday, Previous 7 days and Older from a now read after mount, with search, a spring-gliding active hi… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/conversation-history.json` |
| artifact-panel | registry:component | Side canvas that slides open beside a chat (its width eases so the conversation reflows smoothly) to show a generated artifact, with a version switcher whose l… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/artifact-panel.json` |
| voice-orb | registry:component | Audio-reactive orb for voice mode whose blurred --chart and --primary color blobs orbit inside a glossy sphere and swell with a 0..1 level prop, easing between… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/voice-orb.json` |
| ai-sidebar | registry:component | A collapsible AI workspace sidebar for folders, projects, files, and bookmarks with keyboard navigation, optimistic moves, inline rename, and overflow-aware la… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/ai-sidebar.json` |
| chat-app | registry:component | A complete agent conversation workspace composing navigation, messages, streaming, planning, approvals, tools, code, diffs, generated media, sources, and promp… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/chat-app.json` |
| inbox-app | registry:block | Mail client with a folder rail and unread counts (virtual folders like Starred via `filter`), a searchable message list with unread dots, stars, checkboxes and… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/inbox-app.json` |
| music-player | registry:block | Now-playing card with a token-gradient cover that breathes with playback, title and artist that cross-fade in the skip direction, a draggable scrub bar with bu… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/music-player.json` |
| file-manager | registry:block | File browser with breadcrumb navigation, folders that slide in from the side you travel, grid/list views, click / Cmd-Ctrl-click / Shift-click range selection … | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/file-manager.json` |
| dashboard-shell | registry:block | Container-sized app shell whose sidebar collapses to icons with tooltips and a gliding active pill, a top bar with a Mod+K search field and avatar menu, and a … | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/dashboard-shell.json` |
| comparison-table | registry:block | Plan comparison grid with a monthly/yearly switch that rolls every price, plan columns in a sticky header over scrolling feature rows, collapsible feature grou… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/comparison-table.json` |
| feature-section | registry:block | Marketing features section with a vertical tab list beside a visual panel that cross-fades and slides in the direction of travel to each feature's visual, auto… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/feature-section.json` |
| blog-list | registry:block | Blog index with category chips and a gliding pill, a wide featured post, and cards with gradient or image covers, excerpt, author avatar, read time and an en-U… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/blog-list.json` |
| status-page | registry:block | Service status block with an overall banner derived from today's worst status, per-service 90-day uptime bars that grow in on view and reveal a date, status an… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/status-page.json` |
| changelog | registry:block | Release notes list with a version and date rail, New/Improved/Fixed badges, entries that expand to reveal their staggered change lines, a tag filter with count… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/changelog.json` |
| roadmap | registry:block | Public product roadmap with Planned, In progress and Shipped columns or a quarter timeline, where cards fly between the two views through shared layout, re-sor… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/roadmap.json` |
| login-form | registry:block | Sign-in card that pairs with Signup Form — email, password and remember-me with generic SSO/passkey buttons — whose "Forgot password?" flow morphs inside the s… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/login-form.json` |
| settings-page | registry:block | Account settings with a side nav whose pill glides between Profile, Notifications, Appearance and Billing, sections built from inline edits, switches, selects,… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/settings-page.json` |
| contact-form | registry:block | Contact section with name, email, a topic select and an auto-growing message textarea with a live character counter, validation that only flags fields after bl… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/contact-form.json` |
| checkout | registry:block | Checkout flow on Stepper — shipping with a gliding delivery-speed choice, display-only payment fields and an editable review — beside an order summary with com… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/checkout.json` |
| invoice | registry:block | Printable invoice with number and UTC-formatted dates, an animated Paid / Due / Overdue status badge, bill-from and bill-to, a staggered line-item table and su… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/invoice.json` |
| onboarding-checklist | registry:block | Getting-started card with a progress ring and bar and steps that expand to a description and an async CTA; finishing a step pops its check, strikes its title a… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/onboarding-checklist.json` |
| cta-section | registry:block | Closing call-to-action section in a centered layout (large headline, two CTAs and a reassurance checklist inside a card) or a split layout (copy beside a visua… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/cta-section.json` |
| logo-cloud | registry:block | Trusted-by logo strip with an infinite marquee variant behind edge fade masks that pauses on hover or focus, and a grid variant whose logos fade in with a stag… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/logo-cloud.json` |
| how-it-works | registry:block | Numbered steps section whose connector draws from marker to marker as it scrolls into view, lighting each marker as the line arrives; horizontal on wide contai… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/how-it-works.json` |
| integrations-section | registry:block | Integrations showcase pairing a hub-and-spoke orbit (your logo at the center, integration icons on counter-rotating rings that keep icons upright and pause on … | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/integrations-section.json` |
| image-gallery | registry:block | Photo gallery laid out as a masonry or uniform grid sized by its own container width, with hover zoom and caption reveal, category filters behind a gliding chi… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/image-gallery.json` |
| newsletter-section | registry:block | Newsletter signup section with an email field, light validation and a submit button that steps through idle, loading, success and error from your onSubscribe p… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/newsletter-section.json` |
| team-section | registry:block | Team page section with member cards that stagger in on view and slide up a bio and links on hover or focus, department filter chips with a gliding pill and spr… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/team-section.json` |
| content-section | registry:block | Long-form marketing content block in three variants: split copy beside media that stays pinned while paragraphs scroll, a stats layout whose callouts roll thei… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/content-section.json` |
| audit-trail | registry:block | Chronological activity log grouped by day with actor avatars, verb-plus-target summaries, relative times, severity and category badges, actor, action-type and … | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/audit-trail.json` |
| approval-queue | registry:block | Review queue for pending expense, access, deploy and time-off requests with row and bulk selection, approve and reject that swipe rows out optimistically with … | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/approval-queue.json` |
| log-explorer | registry:block | Log stream viewer with a volume histogram you click or drag across to narrow the time window, level filters, a text query with highlighted matches, a virtualiz… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/log-explorer.json` |
| performance-report | registry:block | Dashboard report with a date range picker and previous-period compare switch, rolling KPI cards with delta badges, an area trend chart that adds the previous p… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/performance-report.json` |
| cookie-consent | registry:block | Cookie consent card that springs up after mount with Accept all, Reject non-essential and Customize, where Customize grows the card into Necessary (locked on),… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/cookie-consent.json` |
| navigation-menu | registry:block | Site navbar with a logo slot, plain links and mega-menu panels: a hover pill glides between items, the dropdown viewport morphs its size to each panel while co… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/navigation-menu.json` |
| bento-grid | registry:block | Bento layout of feature tiles on a container-query grid that collapses to one column in narrow containers, with per-card column and row spans, icon, title, des… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/bento-grid.json` |
| stat-card | registry:block | KPI tiles whose headline numbers roll digit by digit to each new value, with Intl number, currency, percent and compact formatting, a delta badge with an up or… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/stat-card.json` |
| notification-center | registry:block | Bell trigger whose unread badge springs when the count rises, opening a panel that grows out of the bell with All/Unread tabs and a gliding indicator, Today/Ea… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/notification-center.json` |
| faq-section | registry:block | FAQ page section with an eyebrow, heading and description column beside an accordion that opens one or many answers with height-morphing panels and a rotating … | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/faq-section.json` |
| testimonial-wall | registry:block | Testimonial wall of quote cards with names, roles, initials avatars and optional star ratings, laid out in masonry-like columns that scroll vertically in alter… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/testimonial-wall.json` |
| hero-section | registry:block | Landing hero with a New pill badge, a headline revealed word by word with a spring blur-in, supporting copy that follows, primary and secondary CTAs, an instal… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/hero-section.json` |
| footer-section | registry:block | Site footer with a brand column of logo, tagline and social icons that lift on hover, link columns that collapse into disclosures in narrow containers, a newsl… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/footer-section.json` |
| event-calendar | registry:block | Month and week event calendar: month cells pack events into lanes so multi-day events become bars across the week row and overflowing days open a "+N more" lis… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/event-calendar.json` |
| pricing-table | registry:block | Pricing block with a monthly/yearly toggle whose pill glides between options beside a Save 20% badge, prices that roll digit by digit to the new period, three … | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/pricing-table.json` |
| kanban-board | registry:block | Task board whose cards drag within and across columns, opening a dashed drop slot where they will land, lighting up the column underneath and flying into place… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/kanban-board.json` |
| infinite-masonry | registry:block | Responsive virtualized masonry that measures variable-height cards and loads more data as the user nears the end. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/infinite-masonry.json` |
| notification-stack | registry:block | Compact notification cards that spring from a stacked summary into a readable list on hover, focus or tap. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/notification-stack.json` |
| project-folder | registry:block | An interactive project folder that opens its file fan on hover or focus, expands into a focus-managed overlay, then retraces the complete path when closed. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/project-folder.json` |
| knockout-wheel | registry:block | The tournament drawn radially. The champion holds the hub, each round is a ring further out, and the teams themselves form the rim. Nodes spring in ring by rin… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/knockout-wheel.json` |
| knockout-bracket | registry:block | Pages one round at a time. The leftmost round stacks at a fixed rhythm, each later round centers between its two feeder matches, and cards, elbow connectors, h… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/knockout-bracket.json` |
| availability-scheduler | registry:block | Weekly availability editor where each day springs between available and unavailable, time ranges add and remove with blur-slide motion, times pick from a scrol… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/availability-scheduler.json` |
| swap | registry:block | Cross-chain swap widget with chain + token selectors, morphing views, animated flip and quote. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/swap.json` |
| dynamic-island | registry:block | iOS-style island pill that morphs between live activity views with bouncy shell resize and blur crossfades. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/dynamic-island.json` |
| command-palette | registry:block | ⌘K palette with fuzzy filter, spring-animated active row and glass surface. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/command-palette.json` |
| morphing-search | registry:block | Search field or compact icon that morphs into a glass results surface, whether opened by click or keyboard shortcut. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/morphing-search.json` |
| expandable-action-bar | registry:block | Compact icon actions that expand into labeled controls on hover or focus with shared layout motion. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/expandable-action-bar.json` |
| overflow-actions | registry:block | Connected pill rail for primary actions that springs open to reveal extra controls. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/overflow-actions.json` |
| expandable-tabs | registry:block | Icon tab bar where the active tab expands to a labelled pill, with a panel above that morphs height and slides content direction-aware on switch. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/expandable-tabs.json` |
| morphing-tabs | registry:block | Reorderable tabs whose selected item grows into a white content surface, with the active shape gliding as tabs move and a shared morph between rooms. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/morphing-tabs.json` |
| swipeable-list | registry:block | Mobile-style list rows that swipe left or right to reveal contextual action buttons. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/swipeable-list.json` |
| attachment-upload | registry:block | A mixed attachment workspace with a dropzone, staggered file and image rows, animated upload, success, failure, retry and removal feedback, shared-layout image… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/attachment-upload.json` |
| file-upload | registry:block | A drag-and-drop upload queue with progress rows, upload states, retry, and removal. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/file-upload.json` |
| prediction-market | registry:block | Prediction market trade ticket with buy/sell modes, outcome prices, rolling amount entry, quick add chips and trade states. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/prediction-market.json` |
| wallet-card | registry:block | Wallet overview card with an account switcher and search that morph open from their triggers, a cascading balance with a live change pill and privacy toggle, c… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/wallet-card.json` |
| otp-input | registry:block | One-time-code input with a gliding focus ring, digits that roll in per slot, error shake and a success check draw. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/otp-input.json` |
| signup-form | registry:block | Composed sign-up form that flags a field only once it is left, then clears the moment it is fixed, with a length-weighted strength meter, password reveal and a… | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/signup-form.json` |
| bloom-menu | registry:block | A button that morphs open into a menu and blooms iris-out from the center, the grid revealing in every direction with radially staggered items. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/bloom-menu.json` |
| feedback-widget | registry:block | Corner trigger that morphs open into a feedback popup with message entry and animated sending, success and retry states. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/feedback-widget.json` |
| not-found-glitch | registry:block | Digits scramble through random glyphs before resolving, with a chromatic split on hover. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/not-found-glitch.json` |
| not-found-magnetic | registry:block | Each digit is cursor-attracted via the Magnetic wrapper and springs back on leave. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/not-found-magnetic.json` |
| not-found-spotlight | registry:block | A dark panel where a cursor-tracked spotlight reveals the bright code from a dim base. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/not-found-spotlight.json` |
| not-found-stacked | registry:block | A code card over a hidden stack that fans out with a spring on hover. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/not-found-stacked.json` |
| not-found-terminal | registry:block | A terminal window that types a failed cd command and a 404 status, with a blinking caret. | `npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/not-found-terminal.json` |

## For AI agents

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