Copy component
Copy component
How can I improve Framer Uni?
Let me know if there’s a missing feature or something that could be improved.
Share feedback
How can I improve Framer Uni?
Let me know if there’s a missing feature or something that could be improved.
Share feedback
Interaction
This is a Framer recreation of the smooth notification animation originally made by Preet Mishra. Feel free to remix the project and explore how it works. It’s built without writing a single line of code. Pretty amazing, right?
Created by
You might already know how to create nicely animated interactions in Framer using components and variants. But what’s the secret to making them look as smooth and fluid as this example?
Well, here’s the secret: it’s the Gooey Effect component. You just need to place it inside a common frame with the elements you want to “goo together.”
You might already know how to create nicely animated interactions in Framer using components and variants. But what’s the secret to making them look as smooth and fluid as this example?
Well, here’s the secret: it’s the Gooey Effect component. You just need to place it inside a common frame with the elements you want to “goo together.”
You might already know how to create nicely animated interactions in Framer using components and variants. But what’s the secret to making them look as smooth and fluid as this example?
Well, here’s the secret: it’s the Gooey Effect component. You just need to place it inside a common frame with the elements you want to “goo together.”
The secret Gooey Effect component within the Navigation component.
The secret Gooey Effect component within the Navigation component.
The secret Gooey Effect component within the Navigation component.
If you want to see more examples of how this special component can be used to create fluid animations, be sure to check out this tutorial.
If you want to see more examples of how this special component can be used to create fluid animations, be sure to check out this tutorial.
If you want to see more examples of how this special component can be used to create fluid animations, be sure to check out this tutorial.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.
