Resources

Mechanical Button Component

Resources

Mechanical Button Component

Resources

Mechanical Button Component

Resources

Mechanical Button Component

Component

Component

Component

Component

Mechanical Button Component

Mechanical Button Component

Mechanical Button Component

Mechanical Button Component

I saw an amazing button design on the Gitness website and just had to recreate it using pure Framer.

This customizable component is a recreation of that button. Feel free to copy and paste it into your project and customize it through the component properties.

I saw an amazing button design on the Gitness website and just had to recreate it using pure Framer.

This customizable component is a recreation of that button. Feel free to copy and paste it into your project and customize it through the component properties.

I saw an amazing button design on the Gitness website and just had to recreate it using pure Framer.

This customizable component is a recreation of that button. Feel free to copy and paste it into your project and customize it through the component properties.

I saw an amazing button design on the Gitness website and just had to recreate it using pure Framer.

This customizable component is a recreation of that button. Feel free to copy and paste it into your project and customize it through the component properties.

Creator

Creator

Creator

Creator

Image of Nandi Muzsik, the founder of Framer University

Nandi Muzsik

Founder @ Framer Uni

Image of Nandi Muzsik, the founder of Framer University

Nandi Muzsik

Founder @ Framer Uni

Image of Nandi Muzsik, the founder of Framer University

Nandi Muzsik

Founder @ Framer Uni

Image of Nandi Muzsik, the founder of Framer University

Nandi Muzsik

Founder @ Framer Uni

Mechanical Button Component
Mechanical Button Component
Mechanical Button Component
Mechanical Button Component

Remix

Copy component

Demo

Remix

Copy component

Demo

Remix

Copy component

Demo

Remix

Copy component

Demo

Features

This is a fully customizable Framer component that uses no code, only native Framer features.

You can match the button's style with your website with ease by simply adjusting some component properties.

mechanical 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 copy and paste it to your project.

Free Framer Course

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

Start learning now

Free
Framer Course

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

Start learning now

Free Framer Course

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

Start learning now

More resources

View all

View all

Animated 3D Illustration in Framer

Remix

Demo

Copy component

Animated 3D Illustration in Framer

Animated 3D Illustration in Framer

Animated 3D Illustration in Framer

Animated 3D Illustration in Framer

Animated 3D Illustration in Framer

Animated 3D Illustration in Framer

Animated 3D Illustration in Framer

3D Bookshelf Scroll Animation in Framer

Remix

Demo

Copy component

3D Bookshelf Scroll Animation in Framer

3D Bookshelf Scroll Animation in Framer

3D Bookshelf Scroll Animation in Framer

3D Bookshelf Scroll Animation in Framer

3D Bookshelf Scroll Animation in Framer

3D Bookshelf Scroll Animation in Framer

3D Bookshelf Scroll Animation in Framer