PaceUI

  • Components
  • Blocks
  • Templates
  • Studio
  • Resources
Native AI
  • Introduction
Components
  • Browser Support
  • Response Renderer
  • Chat Header
  • Chat Messages
  • Chat Suggestions
  • Chat Input
Use Cases
  • Quick Chat
  • Follow Ups
Hooks
  • useBrowserSupport
  • useNativeAI
  1. Components
  2. Native AI
PreviousNext

Response Renderer

Markdown renderer for streaming Native AI answers in React.

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

Animated blocks, components, and templates for Next.js and TanStack Start. Built with Motion and shadcn - clean code you own.

GitHubTwitterDiscord

Products

BlocksComponentsTemplatesCraftsTanStack ChartsMCP ServerStarter KitsStyleX Components

Resources

DocumentationMotion ComponentsGSAP AnimationsNative AIBlogChangelog

Pricing & Account

PricingManage AccountLicensesAPI KeysAffiliate Program

Company

Contact UsDiscord CommunityPrivacy PolicyTerms of Service

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

PACEUI

Effects & Stats

Ready
Output Tokens0
Elapsed Time0.0s
Generation Rate45 tok/s
Live Output Stream
Gemini Nano Engine