Useful Webflow Templates. Part 1.
Alexander Olssen
Designer by nature, entrepreneur by accident ? Sharing Webflow tips, design tricks, and CRO insights to help founders & marketers win more customers with their sites.
Hey there! This is the first selection in a series of the most useful Webflow templates to use in your own projects and it includes an app features showcasing landing page, a horizontal scroll website, a section-by-section scroll website that utilizes scrollify.js, a CMS-powered slider, and an accordion for the FAQ section.
Scrolling app features responsive
Extremely cool landing page template to showcase your or your client's mobile app features in a modern way. The main reason that this template is so cool is in the way elements works. Everything is based on scroll interaction, so when you scroll the page down you'll see images changing in the mockup as well as description texts on the side! It makes a really unique interaction and adds a storytelling feeling to the website. Oh, and the template design works across all devices, so no need to worry about responsiveness!
Section Scroll interaction
This template has an unusual scroll behavior. Opposite to all regular websites, this one has a section-to-section scroll interaction, so when the user scrolls through the website the section smoothly "jumps" one to another instead of just a regular scroll that we're all familiar with. To achieve this, template author used the scrollify.js script, which can be customized if u need to. But, honestly, everything works perfectly as is. The template is also responsive.
Hokaido Free Horizontal Scrolling Template
Horizontal scrolling websites fans – this template is for you! The most interesting thing here isn't just CMS-based, horizontal scrolling items, but seamless transition between the home page and CMS content page (which could be a blog post, project, etc.). The Hokaido teplate is adapted for desktops, but it have to be slightly modified for mobile phones.
领英推荐
CMS Slider
Building custom sliders in Webflow is a pain. Custom sliders that uses Webflow CMS are squared pain. There is no easy way to build a CMS-powered slider without going crazy. But! There is a gorgerous template that solves exactly this particular problem, and even works on desktops and mobile devices. Sounds great, right? Also, a bit of code was used under the hood of this template to make it work. Nothing super-complicated, just a few lines that connects a third-party library.
FAQ Section Template
FAQ sections are found on almost every landing page and company website on the internet. Which means there's no need to reinvent the wheel by building an accordions every time the FAQ is needed. Just copy this template and save time. The author even made the open and close animation! Works on desktops and mobile phones.
Hey there! I am Alex, a designer, and co-founder of Webflow development agency – Buildbites. We're developing websites for a low monthly fee! Need team that will get you covered? Schedule a demo, or reach us via email, or just message me!