New
New
New
Component
Interactive Wave Background in Framer
This is an interactive lines component for Framer, originally seen on the 21st.dev website. Feel free to copy the component to your clipboard and paste it into one of your Framer projects to add a little extra interactivity. Go wild with it!
Created by



About the resource
This component is the easiest to use. All you do is just copy and paste it into your Framer project and start tweaking the properties on the right. Yes, it’s fully customizable.
About the resource
This component is the easiest to use. All you do is just copy and paste it into your Framer project and start tweaking the properties on the right. Yes, it’s fully customizable.
About the resource
This component is the easiest to use. All you do is just copy and paste it into your Framer project and start tweaking the properties on the right. Yes, it’s fully customizable.

The component properties of the interactive wave component in Framer.

The component properties of the interactive wave component in Framer.

The component properties of the interactive wave component in Framer.
The amount of lines can be changed with Amount, and the cursor interaction strength should be changed with the Hover Force property. You also find properties for a bunch of other settings so feel free to really play around with this to fine tune it for your brand and website.
This is one of those components that can really add that extra “wow” effect to your Framer template or project in just a couple of clicks, so feel free to go crazy with it!
The amount of lines can be changed with Amount, and the cursor interaction strength should be changed with the Hover Force property. You also find properties for a bunch of other settings so feel free to really play around with this to fine tune it for your brand and website.
This is one of those components that can really add that extra “wow” effect to your Framer template or project in just a couple of clicks, so feel free to go crazy with it!
The amount of lines can be changed with Amount, and the cursor interaction strength should be changed with the Hover Force property. You also find properties for a bunch of other settings so feel free to really play around with this to fine tune it for your brand and website.
This is one of those components that can really add that extra “wow” effect to your Framer template or project in just a couple of clicks, so feel free to go crazy with it!







