Dev Design Library

Animated Grid Pattern

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

Animated Grid Pattern preview
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.svelte
  • src/lib/components/magic/animated-grid-pattern/index.ts
  • src/lib/utils.ts
Source
https://github.com/SikandarJODD/animations

Categories

More from Animations (Svelte)