https://github.com/klich3/vue3-gooey-filter

Vue3 - Sample of Gooey effect (sticky) SVG
https://github.com/klich3/vue3-gooey-filter

effect svg vue3

Last synced: over 1 year ago
JSON representation

Vue3 - Sample of Gooey effect (sticky) SVG

• Host: GitHub
• URL: https://github.com/klich3/vue3-gooey-filter
• Owner: klich3
• Created: 2025-01-22T15:54:28.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-03-28T10:07:43.000Z (over 1 year ago)
• Last Synced: 2025-03-28T11:23:34.611Z (over 1 year ago)
• Topics: effect, svg, vue3
• Language: Vue
• Homepage:
• Size: 107 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Vue3 - Gooey Filter Sample

A very simple example of how to make an effect as if some elements have an attraction of matter.

how it works, in the container you have to put class `filter` and all that is inside will apply the effect

to the elements that you do not want to apply add classse `no-filter`.

![Preview](images/preview.gif)

## DEV

Install: `$ npm i`

Run: `$ npm run dev` or `$ npm run serve`