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

Memberstack

Happy Thursday! 

I recently needed a way to dynamically generate a table of contents that works with the Webflow CMS. Figured it might benefit others to share it in a simple cloneable project.

Everything is styled and configured to be super easy to drop into your project. The code is located in embeds, the page is a static Webflow page (not connected to the CMS), and all styles are applied via class names so you won't lose anything during the copy/paste process. 

I hope it serves you well!

The layout is by Flowbase, the sticky table of contents is by Flowrite (1), and the code styling is by highlight.js (2). Photos from Pexels.

1. https://www.flowrite.com/blog/dynamic-table-of-contents-on-webflow-cms
2. https://highlightjs.org/

Blog CMS Table of Contents

CMS Table of Contents

The project was made to help a forum question > https://forum.webflow.com/t/anyone-know-how-to-do-this/76693

Sticky Sidebar

Sticky sidebar nav

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

Happy Thursday! 

I recently needed a way to embed styled code snippets into the Webflow CMS. Figured it might benefit others to share it in a simple cloneable project.

Everything is styled and configured to be super easy to drop into your project. The code is located in embeds, the page is a static Webflow page (not connected to the CMS), and all styles are applied via class names so you won't lose anything during the copy/paste process. 

I hope it serves you well!

The layout is by Flowbase, the sticky table of contents is by Flowrite (1), and the code styling is by highlight.js (2). Photos from Pexels.

1. https://www.flowrite.com/blog/dynamic-table-of-contents-on-webflow-cms
2. https://highlightjs.org/

Styled CMS Code Blocks

Styled CMS Code Embeds

A simple but effective CMS filtering system using Finsweets CMS filter attribute. The sidebar is sticky as well.

I'm available for hire: forsjonathan.com

Collywobbles

Finsweet CMS filter with sticky sidebar – Ready to use

Step Labs

A cool sticky side bar component that can be added to and edited with ease. Available as a cloneable!

Sticky side bar (left) Cloneable

sticky-side-bar-left-component

My first project in webflow featuring my personal portfolio.

Eva Lankhorst

Portfolio Website

Ali Saeed

Here's a new cloneable!

You've got an About page with a sticky scroll, that reveals the sections on the left side. Pretty sick!

Enjoy! Reach out to me for any issues at alisaeedkw@gmail.com

About Sticky

About Page - Sticky Positioning

We have created a charity website for madagas.care to attract contributors and givers for projects in Madagascar. Not only is it possible to donate but also to buy chocolate or other products from Madagascar in order to create sales that cover the expenses of the charity. It's still in development and will go live end of august. Looking forward to getting your feedback on the page and comments on how to optimize the page's UX.

madagas.care

madagas.care Charity Website

Studio Zakmes

We crafted a clam and elegant visual identity that will leave a lasting impression on its viewer. The design is characterized by its calm and inviting atmosphere, which helps to create a user-friendly experience that is both enjoyable and easy to navigate.

From the moment users arrive on our site, they will be captivated by the simple yet sophisticated aesthetic of the design. The use of whitespace and carefully chosen color palettes creates a sense of tranquility and balance, making it a pleasure to explore and interact with.

Our team understands the importance of designing a website that is both visually appealing and easy to use. That's why we've created a layout that is intuitive and user-friendly, with clear and concise navigation that guides users effortlessly through the site.
