HomeInspirationSet Target – Gooey Slider

Published on Dribbble / ui | John Sherwin Set Target - Gooey Slider

Cleaned up some code in the Framer prototype last night. I think I have OCD about these things, always trying to improve them, never happy. 🙄

Anyway, this is a recreation of the awesome concept Virgil Pana posted last week. I used SVG filters to achieve the gooey effect on the slider.

Note: Safari doesn’t support the application of SVG filters to regular DOM elements so the prototype will only work in Chrome.

Virgil’s Original Shot

Open In Framer

Close Drawer

Prototyping

Inspired by Material Design & FORM