Arturia Button Component

Arturia Button Component

Arturia Button Component

Arturia Button Component

Component

Component

Component

Component

Arturia Button Component

Arturia Button Component

Arturia Button Component

Arturia Button Component

This is a pretty cool button component taken from the Arturia website, recreated in Framer. If you're looking for a cool interaction, just copy and paste this component into your Framer project.

This is a pretty cool button component taken from the Arturia website, recreated in Framer. If you're looking for a cool interaction, just copy and paste this component into your Framer project.

This is a pretty cool button component taken from the Arturia website, recreated in Framer. If you're looking for a cool interaction, just copy and paste this component into your Framer project.

This is a pretty cool button component taken from the Arturia website, recreated in Framer. If you're looking for a cool interaction, just copy and paste this component into your Framer project.

Arturia Button Component
Arturia Button Component
Arturia Button Component
Arturia Button Component

Copy component

Copy component

Copy component

Copy component

Features

This is a pretty simple interaction that uses a button component with two variants.

These two variants are linked via mouse enter and mouse leave interactions.

The component is optimized for easy customization, and you can edit it effortlessly through the component properties on the right panel.

Here's what you can change:

  1. Text color in the default state

  2. Text color in the hover state

  3. Text content

  4. Background color in the default state

  5. Background color in the hover state

  6. Button link

  7. Toggle for opening the link in a new tab

  8. Toggle for smooth scroll (if a website scroll section is linked)

arutira button component properties
Step 01 outline

Step / 01

Remix the project.

Step 2 outline

Step / 02

See how it's built.

Step 3 outline

Step / 03

Try recreating it for practice or just copy and paste the component to your project.

Free Framer Course

Learn how to create stunning websites with ease by learning the fundamentals of Framer.

Free
Framer Course

Learn how to create stunning websites with ease by learning the fundamentals of Framer.

Free Framer Course

Learn how to create stunning websites with ease by learning the fundamentals of Framer.