MENU

Aaron Grieve

Head Baker

Hi! I'm Aaron, I run the Bakery of free and delicious copy/paste Webflow components.

COMPONENTS BY THIS BAKER

Freshly Baked!
Hamburger Button - 007
Hamburger Button

A delicious hamburger for your Webflow project

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

A delicious hamburger for your Webflow project

Clone Webflow ProjectPreview
How do I use this?
Baked by
Aaron Grieve
Freshly Baked!
Nav & Footer - 008
Navigation & Footer

A slick side nav with hover interactions on the nav buttons.

Clone Webflow ProjectPreview
How do I use this?
Baked by
Aaron Grieve
Freshly Baked!
Ecommerce - 003
Ecommerce Items

A small collection of Ecommerce interactive "Add to cart" buttons.

Clone Webflow ProjectPreview
How do I use this?
Baked by
Aaron Grieve
Freshly Baked!
Ecommerce - 002
Ecommerce Items

Webflow Ecommerce product page, with custom layout and custom Cart.

Clone Webflow ProjectPreview
How do I use this?
Baked by
Aaron Grieve
Freshly Baked!
Ecommerce - 001
Ecommerce Items

A simple interaction for your Ecommerce Webflow project, on hover product details pop-up.

Clone Webflow ProjectPreview
How do I use this?
Baked by
Aaron Grieve
Freshly Baked!
CMS Content - 003
Team Card

Super 3D perspective team card, with a dynamic drop show too.

Clone Webflow ProjectPreview
How do I use this?
Baked by
Aaron Grieve
Freshly Baked!
CMS Content - 007
Team Member

Circle based team member card with subtle and simple hover interaction

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

An unexpected micr-interaction for you next hamburger button

Clone Webflow ProjectPreview
How do I use this?
Baked by
Aaron Grieve
Freshly Baked!
CMS Content - 011
Team Member CSS Grid

A modular team member card built with Webflow CSS Grid.

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

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

Clone Webflow ProjectPreview
How do I use this?
Baked by
Aaron Grieve
Freshly Baked!
Search Form - 004
Search Form

Webflow's in-built search function... Just a little bit more interesting, than a static search bar.

Clone Webflow ProjectPreview
How do I use this?
Baked by
Aaron Grieve
Freshly Baked!
Freshly Baked!
Modal & Pop-ups - 001
Modal

A simple modal for you, crafted so you can easily replace the content.

Clone Webflow ProjectPreview
How do I use this?
Baked by
Aaron Grieve
Freshly Baked!
CMS Content - 004
Blog Post

A simple and elegant blog post list item, wrapped in a link with hover interaction

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!
Nav & Footer - 006
Navigation

A simple and modern constrained scale navigation system

Clone Webflow ProjectPreview
How do I use this?
Baked by
Aaron Grieve
Freshly Baked!
Nav & Footer - 007
Navigation

A slick side nav with hover interactions on the nav buttons.

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!
Modal & Pop-ups - 002
Pop-up

A scroll controlled sign up form, perfect for a unobtrusive sign up.

Clone Webflow ProjectPreview
How do I use this?
Baked by
Aaron Grieve
Freshly Baked!
CMS Content - 010
Blog Post List Item

A full screen layout for your new blog post

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!
Hamburger Button - 001
Hamburger Button

A slick and understated animation for your hamburger menu.

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!
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?
Baked by
Aaron Grieve
Freshly Baked!
Nav & Footer - 001
Navigation & Footer

A classic looking navigation with a sassy and unexpected hover interaction on the navigation buttons

Clone Webflow ProjectPreview
How do I use this?
Baked by
Aaron Grieve
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?
Baked by
Aaron Grieve
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!
CMS Content - 002
Sticky Aside Menu

Copy this sticky aside menu for your Blog

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

An unexpected micro-interaction for you next hamburger button

Clone Webflow ProjectPreview
How do I use this?
Baked by
Aaron Grieve
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?
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!
Nav & Footer - 002
Navigation & Footer

A classic looking navigation with a sassy and unexpected hover interaction on the navigation buttons

Clone Webflow ProjectPreview
How do I use this?
Baked by
Aaron Grieve
Freshly Baked!
Nav & Footer - 003
Navigation & Footer

Central positioned logo with an awesome expanding circle on hover of the nav buttons.

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!
CMS Content - 005
Blog Post

A blog post item with a cheeky 3D fly out read button

Clone Webflow ProjectPreview
How do I use this?
Baked by
Aaron Grieve
Freshly Baked!
CMS Content - 006
Team Member

Zooming hover interaction with a pop-up for a summary

Clone Webflow ProjectPreview
How do I use this?
Baked by
Aaron Grieve
Freshly Baked!
CMS Content - 008
Team Member

An experimental team member card, working with transforms to create an unusual triangle style card

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!
CMS Content - 009
Blog Post

A classic layout with a simple interaction on hover in and out

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!
Nav & Footer - 005
Navigation - Mega Nav

A "Mega Nav" was suggested by a Digital Bake user - He asked, I built

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!
Search Form - 003
Search Form

Webflow's in-built search function... Just a little bit more interesting, than a static search bar.

Clone Webflow ProjectPreview
How do I use this?
Baked by
Aaron Grieve
Freshly Baked!
Search Form - 002
Search Form

A sticky search button feature with interactions

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
FRESHEST BAKES
About
BAKERS
FAQ's
Contact
Legal