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

  • The image displays a morphing tab navigation menu with "Home" highlighted in blue and a hover interaction over "Change"

    Morphing Tabs Interaction in Framer

    Component

    The image displays a morphing tab navigation menu with "Home" highlighted in blue and a hover interaction over "Change"

    Morphing Tabs Interaction in Framer

    Component

    The image displays a morphing tab navigation menu with "Home" highlighted in blue and a hover interaction over "Change"

    Morphing Tabs Interaction in Framer

    Component

  • Decorative store banner with icons and blue text pill design

    Magnetic Hover Component for Framer

    Component

    Decorative store banner with icons and blue text pill design

    Magnetic Hover Component for Framer

    Component

    Decorative store banner with icons and blue text pill design

    Magnetic Hover Component for Framer

    Component