Discover the best sidebar websites created by professional designers. Get inspired and start planning your perfect sidebar web design today!

I've been looking at ways to create this exact sticky sidebar as shown on Webflows course pages because I love it so much. Finally I was able to duplicate what's going on here and thought I would share it and make it clone-able for you guys! Anyway, hope this helps you like it has for me! 

Cheers!

Sticky Sidebar With Flex

Sticky Sidebar w/ Flex

Get the code to keep the navbar open or closed from page to page, remembering its state on the previous page by signing up for T.RICKS Patreon at https://www.patreon.com/timothyricks

T.RICKS Side Nav

Sidebar Navigation Menu reveals animation using CSS Transform. Click on the MENU link to reveal the sidebar menu. Inspired by Garoa Skincare.

Click on Say hello 👋  for work or any other related queries. Follow for more.

Sidebar Menu Animation

Sidebar Menu Animation using CSS

See how i built this:
https://www.youtube.com/watch?v=a-URWR_s-PE

Based on a dribbble shot by James:
https://dribbble.com/shots/5629424-Toggle-Sidebar

floating-toggle-sidebar

Fun project to demo new branding ideas to clients. Built out of div blocks so easy to change each time - thanks for looking!

Mokup

This is part of a membership directory template I will be releasing soon. 

The main content container remains responsive as you open and close the sidebar. 

Use the fixed icon to activate the sidebar or place one of the prebuilt triggers on the page to customize the experience. 

All breakpoints have been addressed.

Responsive Sidebar

If you are either

a) struggling to find the 'flow' 
b) need a webflow template for your podcast 

This cloneable is for you. Welcome to flowFM, a one page podcast template featuring some my favourite Webflow podcasts. 

flowFM - Podcast Template

flowFM - One Page Podcast Template

A demo of some custom css, position: sticky
Feel free to clone and see how it was done.

Sidebar scroll

sidebar-scroll

I have updated this template to allow for perks, and tabbed views of the various collection lists. 

It has a full memberstack.io integration, a collapsible tabbed sidebar, CMS driven pricing tables, member profiles, business listings, and more.

Enjoy.

Member Directory Prototype

This navigation opens when you hover over the dark blue bar on the left side.
(not responsive yet)

Atelier Kleinbasel

Hover Navigation (technical prototype)

Working with a creative crew (again in Denver here) on a new E-Book coming out this summer called "It's Creative and Works" - The book is a crowd-created meaning that they are using interviews from others to help power the book. 

If your on a desktop and want to contribute to the book (submit your interview) feel free to submit you and your companies information and take the 10 minute interview questionnaire over at:

http://creativeandworks.com


Happy Friday!

creativeandworks

It's Creative and Works Ebook / Interview Landing

M2 Studio

After one long year and working between web projects, we've finally designed, developed and launched our new website. It's such a relief to be able to launch and share our new website with the world. We'll be adding more projects within the next few months. Stay tuned!

Hey everyone!

Here is a sidebar animation demo for you all. Make sure to follow my profile for more assets.

Make sure to clone it.
If you like these contents, check out uiflow.co

Visit us @ uiflow.co

Uiflow sidebar navigation

Uiflow Sidebar Navigation

This is a prototype for a web app we're playing with. It includes a mocked up text editor, collapsing sidebar, and interactive elements scattered throughout.

Atmosphere

Atmosphere Prototype

Hi my Webflow friends,

A bit of jQuery gives you endless powers.

This project only uses a single CMS collection list to populate both the grid and the sidebar that opens when clicking on a grid element.

Enjoy, clone, and feel free to leave a comment.

Have an awesome Webflow journey y'all!

P.S. Feel free to visit my YouTube channel:
https://www.youtube.com/@francescocastronuovo

CMS jQuery Detailed Info Sidebar

Freebird Motor Lodge is a new, boutique hotel in the heart of Cape Cod, MA. Designed with the soul of a rebel spirit, our newly renovated, vintage-inspired motel boasts all the modern amenities of today, with a laid-back, energy of days gone by (plus a little more). Our designer interiors, great music, and unique spaces are ripe for sunny summer days and hot summer nights!

Freebird 3.0

Freebird Motor Lodge

VOIDMOD

Responsive sidebar navigation in a beautiful water wave design. Get inspired!

VD - Navigation

Sidebar Navigation

Front-end design for a local ERP software company. Still a work in progress but almost there.

Discover sidebar websites built by the Webflow community

Discover sidebar websites built by the Webflow community