Buttons
Components for Webflow

Freshly Baked!
Button - 021
Button

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

Clone Webflow ProjectPreview
How do I use this?
Freshly Baked!
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?
Home
About
BAKERS
FAQ's
Contact
Visit my Patreon
Legal