Displacement

Grid cells shearing the page apart under the cursor.

Library

Canvas UI

Framework

React

Type

component

License

Commons-Clause+MIT

Install

npx shadcn@latest add @canvas-ui/Displacement

Files

• src/lib/Displacement/Displacement.preact.tsx
• src/lib/Displacement/Displacement.solid.tsx
• src/lib/Displacement/Displacement.svelte
• src/lib/Displacement/Displacement.tsx
• src/lib/Displacement/Displacement.vue
• src/lib/Displacement/DisplacementVanilla.ts
• src/lib/Displacement/DisplacementWebGPU.ts

Source

https://github.com/DavidHDev/canvas-ui

Categories

• Effect Components
• React Effect Components
• Svelte Effect Components
• Animated Effect Components
• Image Effect Components
• React Image Effect Components
• Svelte Image Effect Components
• Animated Image Effect Components

More from Canvas UI

• Ascii Sweep
• Asciify
• Bend
• Blaze
• Bubble
• Canvas
• Cloth
• Clouds
• Decrypt Reveal
• Droplets
• Flame Wrap
• Force Field