Chat Ui

A streaming chat UI built on MessageScroller — anchored turns, follow-the-edge auto-scroll, a dot-matrix thinking indicator, and word-by-word reveal.

Library

Pixel Perfect

Framework

React

Type

block

License

MIT

Dependencies

lucide-react, motion

Files

• registry/new-york/chat/chat-ui.tsx
• src/lib/utils.ts
• src/components/ui/dotm-square-11.tsx
• src/components/ui/message-scroller.tsx
• src/components/ui/button.tsx
• src/lib/dotmatrix-core.tsx
• src/lib/dotmatrix-hooks.ts
• src/components/dotmatrix-loader.css

Source

https://github.com/vansh-nagar/Pixel-Perfect

Categories

• Chat Page Components
• React Chat Page Components
• Tailwind CSS Chat Page Components
• Animated Chat Page Components
• shadcn/ui Chat Page Components
• Page Components
• React Page Components
• Tailwind CSS Page Components
• Animated Page Components
• shadcn/ui Page Components

More from Pixel Perfect

• 3D Button
• Abhinav Bento Button
• Accordion Carousel
• Accordion Fold
• Animated Texture
• Antinomy Button
• Aperture Mask Reveal
• Arrow Letter Background
• Aurora Curtain
• Bar Wave Animation
• Bayer Sunset Background
• Before After