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

Webflow

We’re excited to share a new tool for your Webflow design toolkit. Prospero is a modular UI Kit that will give you all the pieces you need to create a polished online store in Webflow fast. Large photos, sleek typography, and plenty of white space: the Prospero UI Kit has been designed to beautifully complement your brand. 

Clone the kit to get started! 🚀

The kit includes
- 85 sections, including various
- Hero layouts
- Navigations
- General content layouts
- Product feeds
- Blog feeds
- CTAs
- Footers, and
- More! 

10 complete page layouts
- 3 Home pages
- 2 About pages
- 2 Contact pages
- 1 Blog feed page
- 1 Product feed page

2 ready-to-launch templates
- Fully functional ecommerce website templates

Support
- User guide
- A style guide 

Ecommerce store. Blog. Simple landing page. Use one or all of these sections to create the website you've envisioned.

Learn more: https://webflow.com/ecommerce-ui-kit-prospero

Prospero UI Kit - for ecommerce and beyond

Prospero Ecommerce UI Kit

One of my frustrations with Webflow transitions is that achieving a good horizontal scroll effect with things like parallax is not possible out of the box. The "while scrolling in view" trigger only works for vertical scroll. So, after some trial and errors, I came up with a setup that gets the job done!

Hokaido is a free template focused on images and horizontal scroll. It's main features are:

1. Works well with CMS - no need to manually tweak any transitions, the horizontal scroll works with any number of CMS elements.

2. Parallax effects - create cool horizontal parallax effects, with the current setup, it just works!

3. Cool page transitions - go from page to page with a smooth transition between different projects.

Want to know how the trick is done? Clone it, change it, make it your own!

Hokaido

Hokaido - Free Horizontal Scrolling Template

This cloneable is a simple horizontal scrolling cards section. I have designed the cards for horizontal scrolling on desktop/ tablet and vertically stacked on mobile. 

Since it's using a flexbox, you can add/ remove cards, and the size will auto-adjust, so the scroll will still work! Although you should resize the scroll track if you reduce a lot of cards.

You can add a background video to each card, which can be revealed on hover for a neat effect :) 

This cloneable is fully built-in Webflow.

Simple Horizontal Cards

Rebuild and customization of the old and famous Who wants to be a millionaire tv show

Build with a little bit of custom code and a lot of pleasure.

Who wants to be Webflower

Who Want To Be a Webflower

horizontal-scroll-demo

horizontal-scroll-demo-2469ab

RMv0YJlLOBe7cY7HgZ3Jox34R0Wrk7jLv3DZyBETA7I=

ZC8pa382rux3/Ya5JYmbaiFDJJqVQfa/ZkKRoDwNIOg=

zRYikcIlbF3Un7C26+4VGO/t8jKwNjjuAdQWLlZECTQ=

/zPeDB00QSmJg02UNPvvY6N+w7bL9XbOTmOZn0UHdA0=

9DmxyyZ8FEsc5DSKm/8DpcDu2e/GCLlCF0UJQCEBuSw=

Pesmw2FSIduSR93sJEVAEAHyJZ4MQP9Pbn1gPgXxcXw=

l+2HpTI8qsEqSoxz6Y8y+po4C4+PakSbBdZ2Wp0L/Zk=

p8RKstqTUsFv0yM8P1EiWUksDkzfBxAw5OAvX/lo29w=

xdTyVT3ZuBSNWCl2NPxJ8eZ0ifhUzatwezSwUElWFy0=

Best Scroll Horizontal Website Examples & Free Designs

Discover scroll horizontal websites built by the Webflow community

Discover scroll horizontal websites built by the Webflow community