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

Bookmark

Inspired by Sania Saleh for Strategyzer
Rooftop's closest free alternative typeface: Arimo by Steve Matteson 

------------------------------------------------------------- 

Work at a design firm looking for a Webflow dev team for your next brand project? Let’s chat

🔷 https://calendly.com/bookmark-wf/webflow-chat

 -------------------------------------------------------------

#1 Column/Row Size Change on Mouse Movemenet

001 - 100 Days of Webflow Interactions

Inspired by Emdash for Vergia 

------------------------------------------------------------- 
Work at a design firm looking for a Webflow dev team for your next brand project? Let’s chat

🔷 https://calendly.com/bookmark-wf/webflow-chat

 -------------------------------------------------------------

006 - 100 Days of Webflow Interactions

Page transition or load in curtain

#015 — 100 days of Webflow interactions

Inspired by Good Love for EQL

-------------------------------------------------------------
Are you a creative director looking looking to implement your designs with Webflow? Let’s chat
🔷 https://calendly.com/bookmark-wf/webflow-chat

------------------------------------------------------------


#17 Curtain Transition

Curtain page transition

Text Reveal on Scroll

041 - 100 days of @webflow interactions

#41 Reveal Text on Scroll

#41 Text Reveal on Scroll

Horizontal sticky on vertical scroll using While Scrolling in view trigger

022 - 100 days of @webflow interactions

----------------- 

Are you a creative director looking to develop your designs with Webflow? Let’s chat
 🔷 https://calendly.com/bookmark-wf/webflow-chat

#22 Horizontal Sticky on Vertical Scroll

Button interaction depending on mouse enter position

021 - 100 days of @webflow interactions

Inspired by Bookmark for Auditor

----------------- 

Are you a creative director looking to develop your designs with Webflow? Let’s chat
 🔷 https://calendly.com/bookmark-wf/webflow-chat

#21 Button Bg Hover

Depth of field parallax

019 - 100 days of @webflow interactions

Inspired by Dennis Snellenberg

----------------- 

Are you a creative director looking to develop your designs with Webflow? Let’s chat
 🔷 https://calendly.com/bookmark-wf/webflow-chat

#19 Depth of Field Parallax

Inspired by Studio Mast for Harmonic Discovery 

------------------------------------------------------------- 

Work at a design firm looking for a Webflow dev team for your next brand project? Let’s chat

🔷 https://calendly.com/bookmark-wf/webflow-chat

 -------------------------------------------------------------



#3 Background Mesh Gradient Movement

003 - 100 Days of Webflow Interactions

No-lottie, wave animation native in @webflow

028 - 100 days of @webflow interactions

Inspired by: Bookmark for 

----------------- 

Are you a creative director looking to develop your designs with Webflow? Let’s chat
 🔷 https://calendly.com/bookmark-wf/webflow-chat

#28 Wavy section divider

#28 Wave section divider

Inspired by Bridge Studio for OSI

Circular closest free alternative typeface: Figtree by Erik Kennedy

------------------------------------------------------------- 

Work at a design firm looking for a Webflow dev team for your next brand project? Let’s chat

🔷 https://calendly.com/bookmark-wf/webflow-chat

 -------------------------------------------------------------



#2 Sticky Columns Horizontal

002 - 100 Days of Webflow Interactions

Hover, Open/Close Nav Button

035 - 100 days of @webflow interactions

#35 Hover, Open/Close Nav Icon

#35 Hover, Opne/Close Nav Icon

Staggered Characters in Button

045 - 100 days of @webflow interactions

#45 Staggered Characters in Button

Inspired by Kurppa Hosk for Defentry

------------------------------------------------------------- 

Work at a design firm looking for a Webflow dev team partner for your next brand project? Let’s chat
🔷 https://calendly.com/bookmark-wf/webflow-chat

 -------------------------------------------------------------

004 - 100 Days of Webflow Interactions

Hidden Hover Treat

042 - 100 days of @webflow interactions

#42 Special Button Hover

#42 Hidden Hover Treat

Scroll animation with SVG masking

030 - 100 days of @webflow interactions

Inspired by:  for 

----------------- 

Are you a creative director looking to develop your designs with Webflow? Let’s chat
 🔷 https://calendly.com/bookmark-wf/webflow-chat

#30 Animated background text

#30 SVG masking on scroll

This cloneable provides a continuous flow of responsive, offset/staggered pill-shaped cards, each with a dashed or dotted border that creates a spiral/looping effect, creating the appearance of a timeline, footprint, or stepping flow.

Dotted Pill Cards as Spiral Timeline

Responsive Spiral/Looping Timeline with Staggered/Offset Grid of Pill-Shaped Cards

Inspired by Filmart for Grubpak 

------------------------------------------------------------- 

Work at a design firm looking for a Webflow dev team for your next brand project? Let’s chat

🔷 https://calendly.com/bookmark-wf/webflow-chat

 -------------------------------------------------------------

009 - 100 Days of Webflow Interactions

Intro Animation with Staggered Text

#015 — 100 days of Webflow interactions

Inspired by Blond for Broad

-------------------------------------------------------------

Are you a creative director looking looking to implement your designs with Webflow? Let’s chat
🔷 https://calendly.com/bookmark-wf/webflow-chat 

------------------------------------------------------------

Discover pill websites built by the Webflow community

Discover pill websites built by the Webflow community