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

Memberstack

I rebuilt the Notions timeline block + added interactions. Free to clone if anyone wants it! I also recorded a 3min video explaining how it works in case you're interested. 

https://www.loom.com/share/442b0e8674784c7684348f9ac7d61c67?t=19

Credit to Notion for the timeline design. 

Notion Timeline Rebuild

Notion Timeline Scrolling Interaction

Cloneable one-page website. 👍
https://smpley.com

We provide an analytics dashboard (no coding required - we'll build in all the integrations for you). Contact me (jw@smpley.com) for a free dashboard. at https://smpleydashboard.com  - Built 100% in Webflow.

A Smpley Way of Doing Things

Made this back when Webflow released sticky to test out. Showed some people who thought it might be useful so thought I'd add it. Enjoy!

Sticky-stick-stick-stick-em-up

sticky-stick-stick-stick-em-up

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

I found Duncan Hamra's solution (https://webflow.com/website/Sticky-On-Scroll) and recreated it using CSS only.

This setup should work on all modern browsers as far as I'm aware. I used CSS Grid for alignment which won't work on older browsers.

Sticky on Scroll by Wilson

Sticky on Scroll with Pure CSS

Let's get STICKY

lets-get-sticky-scroll-effect

I had a dilemma on a recent project; my "related posts" section was 3000 pixels long because all the sections were stacked horizontally. It was a mess. So I decided I'd try something more horizontal; the problem was, my titles were going all over the place, and sliders weren't giving me the flexibility I was looking for.

Thank the lord for position: sticky! using this horizontally, as opposed to in standard vertical fashion, I was able to solve for my problem, to much fanfare. See it live at the link below, clone away, and let me know what you think about this elegantly simple solution!

https://prelogin.zentail.com/blog/product-discovery-happens-on-search-google-shopping-actions

***To make this work right, you'll need to undo all the CMS bindings. I've updated the Webflow document with a second page that has the same elements, just not connected to anything. Copy that one!

Funky/Sticky Related Articles Section

Webflow Landing Page

Strawberry Antler Landing Page Template

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

I am a sticky menu that looks cool.
If you like it you can clone away and use it in your projects and there's also a contact form to email me and work together ;)

Sticky Menu

Stick section number on top while scrolling

Copy of Copy of Copy of Copy of hannahkerr293

stickontopwhilescrolling

Hello there!
Welcome to CMS Slider!!

Add captivating interactivity to your website using Webflow's Sticky Cards Stack animation. Showcase content elegantly as cards stack and reveal, engaging visitors with a visually appealing and dynamic browsing experience.

Whether you are a startup looking to establish your online presence or an established business seeking a fresh approach, we are here to assist you. Don't hesitate to get in touch. Let's collaborate and create something remarkable together.

Regards,
RSA CreativeStudio
hello@rsacreativestudio.com

Sticky Stacking Cards

Hello there!
Welcome to Sticky Tab!
Enhance user experience with our customizable Sticky Tab component. Seamlessly integrated into your website, it ensures easy access to essential information as users scroll with highlighting active section. Maintain engagement and provide instant clarity by keeping frequently asked questions visible at all times, optimizing interaction and user satisfaction.

If you are a startup looking to establish your online presence or an established business seeking a fresh approach, don't hesitate to get in touch. Let's collaborate and create something remarkable together.
Regards,
RSA CreativeStudio
hello@rsacreativestudio.com!