PaceUI

Blocks
MCPComponentsTemplatesChartsStarter
Native AI
Introduction
Components
Browser SupportResponse RendererChat HeaderChat MessagesChat SuggestionsChat Input
Use Cases
Quick ChatFollow Ups
Hooks
useBrowserSupportuseNativeAI

Response Renderer

PreviousNext

A styled React Markdown renderer component optimized for displaying real-time streaming AI answers.

npx shadcn add ...

Loading preview...

Overview

The ResponseRenderer parses Markdown text generated by local models and formats headings, lists, links, paragraphs, and tables. It uses react-markdown and remark-gfm for complete GitHub Flavored Markdown compatibility.

default.tsx

API Reference

Props

PropTypeDefaultDescription
contentstring""The Markdown content to be parsed.
effectResponseEffectType"none"Streaming animation effect: "none", "fade-in", "fade-in-up", "fade-in-down", "blur-in", "blur-in-up", "shimmer", or "glow".
Browser SupportChat Header

PaceUI

The ultimate toolkit empowering your designers and developers to launch their next big idea without ever settling on quality

Pages

ComponentsBlocksMCPTemplatesStarter

Account

ManageLicensesPricing

Support

AffiliateContact UsPrivacy PolicyTerms of ServiceDocs

© 2026 PaceUI. All rights reserved. Built by indie developer, Denish

PACEUI