Warp Background
A 3D perspective grid background with animated light beams that create a warping effect.
- 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/warp-background.json- Files
src/lib/components/magic/warp-background/warp-background.sveltesrc/lib/components/magic/warp-background/index.tssrc/lib/utils.ts
- Source
- https://github.com/SikandarJODD/animations
Categories
- 3D Background Components
- Backdrop Components
- Svelte Backdrop Components
- Tailwind CSS Backdrop Components
- Animated Backdrop Components
- Card Components
- Svelte Card Components
- Tailwind CSS Card Components
- Animated Card Components
- Data Display Components
- Svelte Data Display Components
- Tailwind CSS Data Display Components