Display/render raw AI responses into formatted text, syntax highlighting, tables, embeds, lists, etc. with a clean, professional look. It is perfect for AI chat interfaces, educational platforms, and documentation pages, offering a seamless visual experience that adapts to your app's theme.
MAIN FEATURES:📝
Rich Markdown Support – Renders headings, lists, tables, quotes, and links
📖
Customize Font Size – Increase or decrease the font size of the content accordingly
💻
Syntax Highlighting – Beautifully formatted code blocks for developers
📋
Copy Code to Clipboard – Instantly copy code snippets to clipboard
🌗
Dark & Light Themes – Native support for dark mode with dynamic styling
🖼️
Responsive Fitting –Content automatically scales to fit the container
🎨
Professional Styling – Clean typography and layout
📏
Auto-Height Adjustment – Element grows dynamically to fit the content
🧑💻
Get HTML Code Output – Publishes html code in the plugin state
Features:➡️
Complete Markdown Parsing: Effortlessly convert standard Markdown text into rich HTML, supporting all standard syntax including bold, italics, strikethrough, and lists.
➡️
Code Block Highlighting: Automatically detects and highlights code syntax (Javascript, Python, CSS, etc.), providing a developer-friendly reading experience similar to major code repositories.
➡️
Copy Code to Clipboard: Hover over the code snippets and the copy icon pops out, click on it to instantly copy code to clipboard.
➡️
Dynamic Theme Engine: Switch seamlessly between "Light" and "Dark" modes. The plugin automatically updates background colors, text contrast, and table borders to match your app's design.
➡️
Smart Tables: Renders clean, bordered tables with shaded heading for easy data readability in both light and dark modes.
➡️
Responsive Typography: Uses a modern font stack (Inter, System UI) to ensure your text looks crisp and legible on all devices and operating systems.
➡️
Intelligent Resizing: The element automatically calculates the content height, eliminating ugly double scrollbars and ensuring your content fits perfectly within your page layout.
➡️
Scoped CSS Styling: All styles are strictly scoped to the element, ensuring that the plugin's CSS does not conflict with or break your existing Bubble application styles.
➡️
Customizable Fit: Choose between a fixed-height scrollable window or a dynamic "Fit to Content" mode that expands as your text gets longer.
➡️
Optimized Performance: Lightweight and fast rendering ensures that even long documents or complex chat logs load instantly without slowing down your app.
*Note: If you have a feature or plugin request, feel free to contact us.*Other Plugins
Built on Bubble
