AI chat with code fences

Streaming assistant message rendering markdown code fences.

Library

ReUI

Framework

React

Type

block

License

MIT

Install

npx shadcn@latest add @reui/c-code-block-4

Files

• registry-reui/bases/radix/components/code-block/c-code-block-4.tsx
• registry-reui/bases/radix/reui/code-block/code-block.tsx
• registry-reui/bases/radix/reui/frame.tsx
• registry/bases/radix/ui/avatar.tsx
• registry-reui/bases/radix/reui/code-block/code-block-highlight.tsx
• registry/bases/radix/ui/button.tsx

Source

https://github.com/keenthemes/reui

Categories

• AI Element Components
• React AI Element Components
• Tailwind CSS AI Element Components
• Code Block Components
• React Code Block Components
• Tailwind CSS Code Block Components
• Dev Tool Components
• React Dev Tool Components
• Tailwind CSS Dev Tool Components
• Streaming Text Components
• React Streaming Text Components
• Tailwind CSS Streaming Text Components

More from ReUI

• Basic code block
• Long file with expand
• Line actions and diagnostics
• Line selection
• Search in file
• File tabs in a dense frame
• Pre-highlighted lines
• Before and after
• Soft wrap
• Unified patch review
• Design-token theme
• Pinned copy button