Navigation & Footer Designs

Easily add a grainy effect to your entire site. This uses a grain png that was on a Webflow site. You can create your own grains as well to change it up.

Box shadows aren't the easiest thing to create in Webflow. Here are 6 different box shadows ready to go and to be added to your projects.

A FAQ section with a sticky sidebar and accordions for various FAQ questions.

A portfolio example site built with grid and then made responsive via Flexbox on tablet and mobile. Watch the tutorial here: https://www.youtube.com/watch?v=zp50_iWll8Y

Here's a way to achieve a unique hero section using grid and the Wizardry method in Webflow.

Add numbered paginations to your CMS collection lists via this small custom code snippet.

Here's a Webflow budget app created in Webflow and coded with Svelte running on Webflow. This is a great demonstration of the power of Webflow and using JS, the power of front-end design + JS for more dynamic and functional web apps.

10+ premade contact form designs for Webflow. These premade components will allow you to easily add customized contact forms to your Webflow site. There are many different variations of labels and input form designs, and buttons that'll fit just about any type of design or requirements.

Here's a rebuild of Stripes mega menu design in Webflow. Add a unique mega menu design and navbar to your site inspired by Stripe's mega menu.

Here's a way to bulid a pricing calculator based on multiple slider inputs to get an estimate/quote for your clients. This is accomplished using the native Webflow slider element and a bit of CSS to style the controls. Values are updated by the sliders as well as by entering in a number within the top input fields. This is perfect for custom pricing and quotes needed on a pricing page.

Six different wonderfully designed material style navigation menus and footers for Webflow. These are perfect cloneables to quickly build either navigation menus, footers, or both for your Webflow site.