AI · Application UI
Web Preview
An embedded browser-style web preview with URL bar, navigation, and a console log for AI-generated sites (adapted from AI Elements).
@byronwade/foundation@byronwade/utils@byronwade/button@byronwade/collapsible@byronwade/input@byronwade/tooltip@phosphor-icons/react
Adapted from Vercel AI Elements , the original components, repurposed onto the byronwade/ui design system (semantic tokens, dark mode, small subtle refinements). © Vercel.
Feature showcase
Installation
Features
1 example
Default.
API
Dependencies
| Package | Kind | Description |
|---|---|---|
| @byronwade/foundation | registry | Installed through the byronwade/ui registry. |
| @byronwade/utils | registry | Installed through the byronwade/ui registry. |
| @byronwade/button | registry | Installed through the byronwade/ui registry. |
| @byronwade/collapsible | registry | Installed through the byronwade/ui registry. |
| @byronwade/input | registry | Installed through the byronwade/ui registry. |
| @byronwade/tooltip | registry | Installed through the byronwade/ui registry. |
| @phosphor-icons/react | npm | Installed from npm. |
Source and related
| File | Path |
|---|---|
| Component | registry/components/ai-web-preview.tsx |
| Default example | content/examples/ai-web-preview/default.tsx |