Kibo UI

Typography

shadcnblocks

External demo

Installation

No MCP yet? Connect your agent.

After installing the package, just add the typography class to your content e.g.

<div className="typography">
  <h1>Typography</h1>
</div>

Capabilities

  • Pre-configured typography styles using CSS layers
  • Comprehensive prose styling for rich text content
  • Support for headings (h1-h6), paragraphs, lists, tables, and more
  • Responsive typography with proper spacing and sizing
  • Dark mode compatible with CSS variables
  • Excludes .not-typography elements from styling
  • Built-in styles for code blocks, blockquotes, and special text classes