Arturia Button Component

Copy 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

How to Make $10K+ with Framer in 60 days

How to Make $10K+ with Framer in 60 days

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

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.

Learn how can one go from 0 to $11.5k with Framer in 60 days.

From no followers, no portfolio, no reputation, to making thousands with a profitable Framer business.

Nandi portrait's background

Learn how can one go from 0 to $11.5k with Framer in 60 days.

From no followers, no portfolio, no reputation, to making thousands with a profitable Framer business.

Nandi portrait's background

Learn how can one go from 0 to $11.5k with Framer in 60 days.

From no followers, no portfolio, no reputation, to making thousands with a profitable Framer business.

Nandi portrait's background

More resources

More resources

  • Music app playlist created screen with artist avatars

    Playlist Generation Circular Animation in Framer

    Component

    Music app playlist created screen with artist avatars

    Playlist Generation Circular Animation in Framer

    Component

  • Customer testimonials section with review letter card

    3D Letter Testimonials in Framer

    Component

    Customer testimonials section with review letter card

    3D Letter Testimonials in Framer

    Component