Motion Grid
A frame-based 2D grid animation primitive with active/inactive cell states.
- 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/motion-grid.json- Files
src/lib/components/magic/motion-grid/motion-grid.sveltesrc/lib/components/magic/motion-grid/motion-grid-cells.sveltesrc/lib/components/magic/motion-grid/index.tssrc/lib/components/magic/motion-grid/types.tssrc/lib/components/magic/motion-grid/use-motion-grid-context.svelte.tssrc/lib/utils.ts
- Source
- https://github.com/SikandarJODD/animations
Categories
- Backdrop Components
- Svelte Backdrop Components
- Tailwind CSS Backdrop Components
- Animated Backdrop Components
- Grid Background Components
- Tailwind CSS Grid Background Components
- Animated Grid Background Components
- Pattern Background Components
- Svelte Pattern Background Components
- Tailwind CSS Pattern Background Components
- Animated Pattern Background Components