MENU

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?
Baked by
Aaron Grieve
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?
Baked by
Aaron Grieve
Freshly Baked!
Button - 014
Portfolio Button

A simple hover interaction for an invisible button

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

An expanding button - Perfect for a photography portfolio.

Clone Webflow ProjectPreview
How do I use this?
Baked by
Aaron Grieve
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?
Baked by
Aaron Grieve
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?
Baked by
Aaron Grieve
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?
Baked by
Aaron Grieve
Freshly Baked!
Button - 007
Clean Arrow

Clean button with surprise circular reveal on hover

Clone Webflow ProjectPreview
How do I use this?
Baked by
Aaron Grieve
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?
Baked by
Aaron Grieve
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?
Baked by
Aaron Grieve
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?
Baked by
Aaron Grieve
Freshly Baked!
Button - 013
Invisible Button

A simple hover interaction for an invisible button

Clone Webflow ProjectPreview
How do I use this?
Baked by
Aaron Grieve
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?
Baked by
Aaron Grieve
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?
Baked by
Aaron Grieve
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?
Baked by
Aaron Grieve
Hamburger Buttons
Freshly Baked!
Hamburger Button - 007
Hamburger Button

A delicious hamburger for your Webflow project

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

A delicious hamburger for your Webflow project

Inspired by a Dribbble shot by Vinh Le - Link in live project
Clone Webflow ProjectPreview
How do I use this?
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?
London
Webflow
Meetup
If you live in, around or visiting London on
Thursday, Jan 3, 2019
come along to our first Webflow Meetup.
Details
FRESHEST BAKES
About
BAKERS
FAQ's
Contact
Legal