@asanshay

Personal React component registry by Asanshay focused on LLM-ready UI primitives and AI elements. Components include: Window, Badge, Button (including Long Press Button), Code Block, Markdown renderer (ReactMarkdown-based), Select, Input, Number Input, Command Prompt, Invisible Input, Textarea, Card, Description List, Page Header, Loader, Color Picker, Chat, Chat Input, Chat Message, Chat Reasoning, Chat Tool, JSX Preview, Pointer, Reveal, Motion Blur Text, Morphing Text, and ASCII Wave. Tailwind CSS + shadcn/ui based. Free. Use for: assembling an AI chat or agent UI that needs both standard form primitives and specialized LLM output components (reasoning display, tool calls, markdown) in one cohesive visual style.

27 components react shadcn-cli

website ↗ github ↗ registry ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://ds.asanshay.com/r/registry.json

pnpm pnpm dlx shadcn@latest add https://ds.asanshay.com/r/registry.json

bun bunx shadcn@latest add https://ds.asanshay.com/r/registry.json

fetch registry curl -s https://ds.asanshay.com/r/registry.json

Components

27 total

Command Prompt component

A keyboard-first command prompt with history and autocomplete.

npx shadcn@latest add https://ds.asanshay.com/r/command-prompt.json

Pointer component

A controllable on-screen pointer that moves to coordinates and shows thoughts.

npx shadcn@latest add https://ds.asanshay.com/r/pointer.json

Chat component

A complete chat component that composes chat-message and chat-input and wires to /api/chat.

npx shadcn@latest add https://ds.asanshay.com/r/chat.json

Window component

A draggable, resizable window inside a container.

npx shadcn@latest add https://ds.asanshay.com/r/window.json

JSX Preview component

A preview of a JSX component rendered from a string. Useful for LLM-generated UIs.

npx shadcn@latest add https://ds.asanshay.com/r/jsx-preview.json

Select component

A lightly skinned select component.

npx shadcn@latest add https://ds.asanshay.com/r/select.json

Input component

A simple input component with a tactile feel.

npx shadcn@latest add https://ds.asanshay.com/r/input.json

Textarea component

An input that can increase in height to accommodate more text.

npx shadcn@latest add https://ds.asanshay.com/r/textarea.json

Chat Input component

A chat input component for a nice chatbot experience. Ready for useChat().

npx shadcn@latest add https://ds.asanshay.com/r/chat-input.json

Chat Message component

A chat message component compatible with the Vercel AI SDK including markdown support, copying, etc.

npx shadcn@latest add https://ds.asanshay.com/r/chat-message.json

Chat Tool component

A chat tool component that displays tool calls and their results.

npx shadcn@latest add https://ds.asanshay.com/r/chat-tool.json

Chat Reasoning component

A chat reasoning component for a nice chatbot experience. Ready for useChat().

npx shadcn@latest add https://ds.asanshay.com/r/chat-reasoning.json

Badge component

A clean set of badge components with an edible look.

npx shadcn@latest add https://ds.asanshay.com/r/badge.json

Button component

A button component that *feels* good to use.

npx shadcn@latest add https://ds.asanshay.com/r/button.json

Long Press Button component

A long-press action button with animated hold progress.

npx shadcn@latest add https://ds.asanshay.com/r/long-press-button.json

Reveal component

A simple wrapper that reveals content when it scrolls into view.

npx shadcn@latest add https://ds.asanshay.com/r/reveal.json

Card component

A variety of clean cards, from minimal to flashy.

npx shadcn@latest add https://ds.asanshay.com/r/card.json

Description List component

Quickly display a json object in an aesthetically pleasing way.

npx shadcn@latest add https://ds.asanshay.com/r/description-list.json

Page Header component

A clean page header so your pages look consistent.

npx shadcn@latest add https://ds.asanshay.com/r/page-header.json

Motion Blur Text component

A cool motion blur text effect.

npx shadcn@latest add https://ds.asanshay.com/r/motion-blur-text.json

Code Block component

A code block with syntax highlighting and quick copying.

npx shadcn@latest add https://ds.asanshay.com/r/code-block.json

Markdown component

A markdown component with a clean look and no-frills parsing.

npx shadcn@latest add https://ds.asanshay.com/r/markdown.json

Invisible Input component

An unstyled input that looks like text; fully styleable.

npx shadcn@latest add https://ds.asanshay.com/r/invisible-input.json

Loader component

Custom WebGL shader loaders with 3 shapes (sphere, swirl, ripple) × 3 styles (plain, blur, dither).

npx shadcn@latest add https://ds.asanshay.com/r/loader.json

Morphing Text component

Text that smoothly animates character changes when the value updates.

npx shadcn@latest add https://ds.asanshay.com/r/morphing-text.json

ASCII Wave component

A flowing ASCII animation with wave-based coloring. Inspired by exa.ai.

npx shadcn@latest add https://ds.asanshay.com/r/ascii-wave.json

Color Picker component

A color picker with OKLCH, HSL, RGB, and HEX support, plus Tailwind CSS presets.

npx shadcn@latest add https://ds.asanshay.com/r/color-picker.json