Made in Webflow

Hokaido - Free Horizontal Scrolling Template

site profile thumbnail


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!
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.

We miss comments too!

Right now, Made in Webflow doesn't offer all of the same functionality that Showcase did, like the ability to leave comments. But don't worry: We're working to bring comments back as soon as possible!

As always, we'd love to hear your feedback! Click the link below to take a short survey about Made in Webflow.


More by Diego Toda de Oliveira

See profile
View details