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

off brand.

** UPDATE 14/03:
Studio Freight just release V1, so we have added the old script to the page, you will need to update before we manage a package for the new update.**

** UPDATE:
Comment out or remove the stop(), start() and onwheel control functions if you do not intend on using them.**

The good guys over at Studio Freight have recently released a Smooth Scroll library which allows you to finally use native scrolling interactions in Webflow.

We've taken the time to set up all the tricky parts for you, all you need to do is go have fun.

🔗 off brand --> itsoffbrand.com
🔗 lenis --> github.com/studio-freight/lenis
🔗 studio freight --> studiofreight.com

Lenis

Smooth Scroll + Native Scroll Interactions (Lenis)

Toggle dark mode on and off with the click/tap of a button!

No Code Dark Mode

Webflow IX2 showcase. Just trying to show off the power off Webflow Interactions 2.0 and learn some new 3D skills in the process.

Webflow IX2

webflow-ix2

An interactive navbar based off of the macOS style.

iOS Navbar w Toggle

macOS Navbar with Light/Dark Toggle

You can use the switches to change the bg color and the font color. I watched the Webflow speed challenge a few weeks ago and really liked the light switch so I made my own version :)

All made in Webflow.

Light and dark switch double button

ON/OFF switch

I made a Toggle switch using IX2 Interactions. Phil Cook gave me the challenge to help further my skills and experience using Webflow, especially the interactions side of it all. I managed to use Webflow University and some other toggle switches people made to be able to learn to make this for myself. 
Be sure to let me know of any issues or questions.

toggle

Toggle on/off

Started off as an exercise to break down and recreate a travel website I thought was interesting, and I eventually branched off and added my own elements.

Travel PKG

travel-pkg

Features: custom map + custom callout; web contact form; CMS templates for 3 sections: instructor, blog and smoothie bar ("Off the Beet"); footer symbol with icon links to social media presence. Fully responsive and supported by all browsers.

Off the Chain

off-the-chain

A site for a beautician. Showing off her products and course services

Beauty Abode

beauty-abode

Website for betting community Off The Bridle

First Past The Post

Off The Bridle

Amir Off

Amir Off Web Design

dryft is the unobtrusive travel companion that gets you off the beaten path

dryft

Full design and build of a site for an investment firm that focuses exclusively on off-campus student housing.

Realco Capital Partners

A simple portfolio site to show off my skills.

KxH Portfolio

Khairul's Portfolio

1Hus2Man.se - (Swedish site)

Order system for food delivery and lunch PicUp and web site.

The system might be in service mode!!
When the system is in service mode some functionality is not visibel on the pages.

You can set the system in:
Service mode
Deliver service on/off
PicUp service on/off

1HUS2MAN

1hus2man.se - Resturant delivery and PicUp

As it's very often said in this industry, "“the cobbler's children have no shoes."

Most places spend so much time working on client work that they have no time to develop their internal website. So we spent 3 years off/on working on this during evenings, weekends and whenever we could squeeze in a few minutes. COVID definitely helped us cross the finish line and cross this off our checklist. 

This was my first Webflow project so it was a learning process. I don't think I would have been able to get it to this level without Webflow's best-in-class educational videos.

Enjoy!

CRASH+SUES

CRASH+SUES | Agency Website

An Off-Road Gear Store Template. Not totally finished, and looks better on pc than mobile. But it's a work in progress. Let me know what you think!

Discover on off websites built by the Webflow community

Discover on off websites built by the Webflow community