Animated Grid Pattern
An animated grid pattern component that creates a dynamic background with moving squares that fade in and out.

- Library
- Animations (Svelte)
- Framework
- Svelte
- Type
- block
- License
- MIT
- Dependencies
- motion-sv
- Install
pnpm dlx shadcn-svelte@latest add https://sv-animations.vercel.app/r/animated-grid-pattern.json- Files
src/lib/components/magic/animated-grid-pattern/animated-grid-pattern.sveltesrc/lib/components/magic/animated-grid-pattern/index.tssrc/lib/utils.ts
- Source
- https://github.com/SikandarJODD/animations
Categories
- Backdrop Components
- Svelte Backdrop Components
- Tailwind CSS Backdrop Components
- Grid Background Components
- Tailwind CSS Grid Background Components
- Pattern Background Components
- Svelte Pattern Background Components
- Tailwind CSS Pattern Background Components