Web Preview Components

Dev Design Library indexes 6 web preview components from 4 open-source UI libraries, with the most coming from AI Elements, SpaceUI, Lobe UI and AI Elements (Svelte). Each one links to its page with the source code, a live preview where available, the library license and the install command. Web preview components belong to the AI group.

• Jsx PreviewAI Elements · ReactA component that dynamically renders JSX strings with streaming support for AI-generated UI.
• Html PreviewLobe UI · ReactHtmlPreview renders LLM-generated HTML inline using a hardened iframe sandbox. It mirrors how Mermaid is embedded in…
• Web PreviewAI Elements (Svelte) · SvelteA browser-style preview frame with navigation controls and a log console.
• Preview CardSpaceUI · ReactDisplays an informative preview card when users hover over a link, giving them a summary of the linked page before…
• Web PreviewAI Elements · ReactA composable component for previewing the result of a generated UI, with support for live examples and code display.
• Preview Link CardSpaceUI · ReactDisplays an interactive card preview of a website with its thumbnail, title, and domain name when shared or hovered.

Libraries with web preview components

• AI Elements
• SpaceUI
• Lobe UI
• AI Elements (Svelte)

Related categories

• AI Element Components
• Prompt Input Components
• AI Orb Components
• Conversation Components
• Attachment Components
• Thinking Indicator Components
• Voice Input Components
• Model Selector Components
• Tool Call Components
• Sources Components
• Streaming Text Components
• Reasoning Components
• AI Message Components
• Citation Components
• Suggestions Components
• Task Queue Components