asanshay

All 21 components

Copy a prompt for your agent, copy the install command, or open the docs that ship it.

• ASCII Wave

  ascii-wave

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

  1 file
  PromptCopy
• Chat

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

  ai, @ai-sdk/react, @ai-sdk/openai, @radix-ui/react-select11 files
  PromptCopy
• Chat Input

  chat-input

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

  @radix-ui/react-slot, @radix-ui/react-select, class-variance-authority, lucide-react4 files
  PromptCopy
• Chat Message

  chat-message

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

  @radix-ui/react-slot, class-variance-authority, lucide-react, react-markdown5 files
  PromptCopy
• 

  Chat Reasoning

  chat-reasoningOn 21st

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

  ai1 file
  PromptCopyOpen
• 

  Chat Tool

  chat-toolOn 21st

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

  ai, @radix-ui/react-accordion, lucide-react1 file
  PromptCopyOpen
• Code Block

  code-block

  A code block with syntax highlighting and quick copying.

  @radix-ui/react-slot, class-variance-authority, lucide-react, react-syntax-highlighter2 files
  PromptCopy
• Color Picker

  color-picker

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

  2 files
  PromptCopy
• Command Prompt

  command-prompt

  A keyboard-first command prompt with history and autocomplete.

  1 file
  PromptCopy
• Description List

  description-list

  Quickly display a json object in an aesthetically pleasing way.

  1 file
  PromptCopy
• Invisible Input

  invisible-input

  An unstyled input that looks like text; fully styleable.

  1 file
  PromptCopy
• JSX Preview

  jsx-preview

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

  react-jsx-parser, lucide-react1 file
  PromptCopy
• Loader

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

  8 files
  PromptCopy
• Long Press Button

  long-press-button

  A long-press action button with animated hold progress.

  1 file
  PromptCopy
• Markdown

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

  @radix-ui/react-slot, class-variance-authority, lucide-react, react-syntax-highlighter3 files
  PromptCopy
• Morphing Text

  morphing-text

  Text that smoothly animates character changes when the value updates.

  motion1 file
  PromptCopy
• 

  Motion Blur Text

  motion-blur-textOn 21st

  A cool motion blur text effect.

  1 file
  PromptCopyOpen
• 

  Page Header

  page-headerOn 21st

  A clean page header so your pages look consistent.

  1 file
  PromptCopyOpen
• Pointer

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

  lucide-react1 file
  PromptCopy
• 

  Reveal

  On 21st

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

  motion1 file
  PromptCopyOpen
• Window

  A draggable, resizable window inside a container.

  1 file
  PromptCopy