Arturia Button Component

Copy component

Arturia Button Component

Copy component

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

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.

image of Nandi Muzsik

Created by

Arturia Button Component
Arturia Button Component
Arturia Button Component

About the resource

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)

About the resource

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)

About the resource

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

Arutira button component properties in Framer.

arutira button component properties

Arutira button component properties in Framer.

arutira button component properties

Arutira button component properties in Framer.

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

More resources

More resources

  • 404 error page with message “Sorry, we can’t find that page” in blue text, a “Go Home” button, and dark textured background

    Copy-Paste Glitch Effect for Framer

    Component

    404 error page with message “Sorry, we can’t find that page” in blue text, a “Go Home” button, and dark textured background

    Copy-Paste Glitch Effect for Framer

    Component

    404 error page with message “Sorry, we can’t find that page” in blue text, a “Go Home” button, and dark textured background

    Copy-Paste Glitch Effect for Framer

    Component

  • Waitlist signup form with email input, join button, and avatars of users who have already joined

    Waitlist Social Proof Animation in Framer

    Component

    Waitlist signup form with email input, join button, and avatars of users who have already joined

    Waitlist Social Proof Animation in Framer

    Component

    Waitlist signup form with email input, join button, and avatars of users who have already joined

    Waitlist Social Proof Animation in Framer

    Component