Content
npx @intellihelper/cli add.About content
How this category fits the Liquid Glass system
Content components help you ship documentation and long-form UI: typography, markdown viewers and editors, code viewers, and related reading tools with Liquid Glass chrome for React and Next.js.
If your product is docs-heavy or agent-facing, Content primitives keep prose, code, and citations consistent. Markdown Viewer renders agent output; editors support authoring; typography scales establish hierarchy over glass backgrounds without muddy contrast.
Free install via `npx @intellihelper/cli`, full source ownership, and Tailwind tokens for themes (mono, aurora, sunset, frost, ocean). Pair with Glass System previews when building your own component docs site — the same patterns power this playground.
Components
- TypographySemantic text primitives for headings, body, and code.
- Markdown ViewerGlass-styled markdown with Shiki syntax highlighting.
- Markdown EditorRich-text and markdown editing with split preview.
- Code ViewerGlass code surface with line numbers and copy.
- Terminal BlockTerminal transcript with prompts and output lines.
- JSON ViewerPretty-print and validate JSON with line numbers.
- AI ChatComposable chat shell with user and assistant bubbles.
- Streaming TextProgressive reveal for streaming model responses.
- Reasoning BlockCollapsible chain-of-thought panel for AI responses.
- Citation CardSource citation with index, excerpt, and optional link.
Looking for something else?