BUTTONS
ALL BUTTONS

Freshly Baked Buttons
Freshly Baked!
Button - 021
Button

I love this button, a slick interaction where the arrow becomes the background fill.

Inspired by a Dribbble shot by Ketan
Clone Webflow ProjectPreview
How do I use this?
Freshly Baked!
General Buttons
Freshly Baked!
Button - 017
Accordion

I had a request for tabs, so here they are. Carefully built and set up for easy manipulation and duplication.

Clone Webflow ProjectPreview
How do I use this?
Freshly Baked!
Button - 014
Portfolio Button

A simple hover interaction for an invisible button

Clone Webflow ProjectPreview
How do I use this?
Freshly Baked!
Button - 018
Button

An expanding button - Perfect for a photography portfolio.

Clone Webflow ProjectPreview
How do I use this?
Freshly Baked!
Button - 001
Fill It Up Button

A simple and elegent button that, on hover, fills with a darker shade of the chosen colour.

Clone Webflow ProjectPreview
How do I use this?
Freshly Baked!
Button - 002
Fan Out Button

On hover a new background colour fades from the centre to fill the whole button.

Clone Webflow ProjectPreview
How do I use this?
Freshly Baked!
Freshly Baked!
Button - 006
Layered Project Button

A bouncy layered project or product style button

Clone Webflow ProjectPreview
How do I use this?
Freshly Baked!
Freshly Baked!
Button - 008
3D Button

A playful 3D button, a slight blast from the past with a cool 3D depression on hover

Clone Webflow ProjectPreview
How do I use this?
Freshly Baked!
Button - 009
Material Button

This Google Material inspired button uses only Webflow interactions no extra JS required

Clone Webflow ProjectPreview
How do I use this?
Freshly Baked!
Button - 012
Drawn Around Button

An unexpected interaction on a seemingly simple text based button.

Clone Webflow ProjectPreview
How do I use this?
Freshly Baked!
Button - 013
Invisible Button

A simple hover interaction for an invisible button

Clone Webflow ProjectPreview
How do I use this?
Freshly Baked!
Button - 015
Portfolio Button

A subtle and elegant hover interaction for a portfolio or service list

Clone Webflow ProjectPreview
How do I use this?
Freshly Baked!
Button - 016
Button

It's a button, not sure what else to say about it! Except I think it's awesome.

Clone Webflow ProjectPreview
How do I use this?
Freshly Baked!
Button - 019
Button

3D Hover interaction - Thinking for use with portfolio/project sections or case studies.

Clone Webflow ProjectPreview
How do I use this?
Hamburger Buttons
Freshly Baked!
Hamburger Button - 005
Hamburger Button

An unexpected micr-interaction for you next hamburger button

Clone Webflow ProjectPreview
How do I use this?
Freshly Baked!
Hamburger Button - 001
Hamburger Button

A slick and understated animation for your hamburger menu.

Clone Webflow ProjectPreview
How do I use this?
Freshly Baked!
Hamburger Button - 002
Hamburger Button

Everything is better when you throw a spin in to the mix.

Clone Webflow ProjectPreview
How do I use this?
Freshly Baked!
Hamburger Button - 003
Hamburger Button

Nice and clean click and close text animation for your Hamburger Button.

Clone Webflow ProjectPreview
How do I use this?
Freshly Baked!
Hamburger Button - 004
Hamburger Button

An unexpected micro-interaction for you next hamburger button

Clone Webflow ProjectPreview
How do I use this?
Freshly Baked!
Hamburger Button - 006
Hamburger Button

Circular hamburger menu button. A little spin and flick action

Clone Webflow ProjectPreview
How do I use this?
STEP 1 OF 4
Clone the project to your Webflow account
STEP 2 OF 4
Open your Webflow Dashboard and open your newly cloned project
Your Webflow Dashboard
STEP 2 OF 3
Open your Webflow Dashboard and open your newly cloned project
Your Webflow Dashboard
STEP 3 OF 3
Copy the component the your project - Your done!
Home
About
BAKERS
FAQ's
Contact
Visit my Patreon
Legal