Animated Background

A shared animated background that smoothly moves between selected or hovered items.

Library

Animations (Svelte)

Framework

Svelte

Type

block

License

MIT

Dependencies

motion-sv, runed

Install

pnpm dlx shadcn-svelte@latest add https://sv-animations.vercel.app/r/animated-background.json

Files

• src/lib/components/magic/animated-background/animated-background.svelte
• src/lib/components/magic/animated-background/animated-background-item.svelte
• src/lib/components/magic/animated-background/animated-background-context.svelte.ts
• src/lib/components/magic/animated-background/index.ts
• src/lib/utils.ts

Source

https://github.com/SikandarJODD/animations

Categories

• Backdrop Components
• Svelte Backdrop Components
• Tailwind CSS Backdrop Components
• Animated Backdrop Components

More from Animations (Svelte)

• Animated Beam
• Animated Circular Progress Bar
• Animated Gradient Text
• Animated Grid Pattern
• Animated List
• Animated Shiny Text
• Animated Theme Toggler
• Arc Timeline
• Aurora Text
• Avatar Circles
• Backlight
• Bento Grid