Dev Design Library

Web Preview

A browser-style preview frame with navigation controls and a log console.

Web Preview preview
Library
AI Elements (Svelte)
Framework
Svelte
Type
block
License
MIT
Dependencies
@lucide/svelte@^1.16.0
Install
pnpm dlx shadcn-svelte@latest add https://svelte-ai-elements.vercel.app/r/web-preview.json
Files
  • src/lib/components/ai-elements/web-preview/web-preview-body.svelte
  • src/lib/components/ai-elements/web-preview/web-preview-console.svelte
  • src/lib/components/ai-elements/web-preview/web-preview-context.svelte.ts
  • src/lib/components/ai-elements/web-preview/web-preview-navigation-button.svelte
  • src/lib/components/ai-elements/web-preview/web-preview-navigation.svelte
  • src/lib/components/ai-elements/web-preview/web-preview-url.svelte
  • src/lib/components/ai-elements/web-preview/web-preview.svelte
  • src/lib/components/ai-elements/web-preview/index.ts
Source
https://github.com/SikandarJODD/ai-elements

Categories

More from AI Elements (Svelte)