Made in Webflow

Interaction #1 - Button with Ripple Press Effect (Google Material)

site profile thumbnail


Google has nailed the Pressed State for buttons in their Google Material Design System, Why? Well, It's subtle for one but more importantly, it gives the right Affordance to what has just happened. After you click you know the click has worked, and in this interaction also adds the added benefit of letting the user know where exactly the click has taken place by creating a ripple effect emanating away from the place where you have clicked. For more check out
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.

We miss comments too!

Right now, Made in Webflow doesn't offer all of the same functionality that Showcase did, like the ability to leave comments. But don't worry: We're working to bring comments back as soon as possible!

As always, we'd love to hear your feedback! Click the link below to take a short survey about Made in Webflow.