Svelte Overlay Components

Dev Design Library indexes 12 Svelte overlay components from 4 open-source UI libraries, with the most coming from sv-particles, AI Elements (Svelte), sv-table and Animations (Svelte). Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list targets Svelte.

• Hero Video DialogAnimations (Svelte) · SvelteA video dialog component with animated entrance effects, thumbnail support, and customizable animation styles.
• ContextAI Elements (Svelte) · SvelteA hover-card-based context window usage component with token, cost, and model usage breakdowns.
• Date Range Filtersv-table · SvelteA responsive date-range picker with presets and explicit apply behavior.
• Alert Dialog With Bare Footersv-particles · Svelte
• Spell Spotify CardAnimations (Svelte) · Svelte
• Inline CitationAI Elements (Svelte) · SvelteAn inline citation system with hover cards and carousel views for source-backed AI content.
• Number Range Filtersv-table · SvelteA number range picker with exact inputs, an optional slider, and explicit apply behavior.
• Basic Alert Dialogsv-particles · Svelte
• Model SelectorAI Elements (Svelte) · SvelteA searchable model selector dialog built on command and dialog primitives.
• End Tooltipsv-particles · Svelte
• With Start Text End Tooltipsv-particles · Svelte
• With Start Tooltipsv-particles · Svelte

Libraries with Svelte overlay components

• sv-particles
• AI Elements (Svelte)
• sv-table
• Animations (Svelte)

Related categories

• Overlay Components
• React Overlay Components
• Tailwind CSS Overlay Components
• React Native Overlay Components
• Animated Overlay Components
• shadcn/ui Overlay Components