Render Notion pages in React Server Components: code blocks, callouts, tables, toggles, tabs, KaTeX equations and Mermaid diagrams for notionic.
A Notion callout as shadcn/ui's Alert, with the callout's icon.
A Notion code block as shadcn/ui's Code Block, highlighted on the server, with a copy button.
Notion equations, in blocks and inside text, typeset with KaTeX on the server.
Draws Notion mermaid code blocks as diagrams, loading Mermaid only on pages that have one, with the code as fallback.
A Notion table as shadcn/ui's Table, with header rows and columns.
Notion tabs as shadcn/ui's Tabs, with every panel kept in the HTML.
A Notion toggle as shadcn/ui's Collapsible.