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

Corey Moen

Mast is a lightweight, developer-first framework of essential classes and strategies to help you build efficiently for any brand and scale.

Learn more and read the docs for it here: https://www.nocodesupply.co/mast

Mast <> A CSS Framework for Webflow

Josh Jacobs

Welcome to Dribbble series, a new effort in which I attempt to bring to life interactions created by popular Dribble artists using only the elements supplied by Webflow! Todays project is S.M.A.T Lab / True AI by user Mike | https://dribbble.com/shots/5430800-S-M-A-T-Lab-True-AI).

Simply click a column and see the content change before your eyes! I'm a huge fan of how this turned out, on all viewports. And best of all, I got a wonderful excuse to test out CSS Grid. Clone away, and let me know what you think in the columns!

CSS GRID HERO - S.M.A.T Lab / True AI - Joshwork Dribbble Series

ITA Group

A style guide template you can use to setup the base styles in your project! There is also a "Grid" page with the Bootstrap 4 style columns.

Style Guide Template

Bradley Stallcup

A cool little thing for you! 

There's a hidden section with empty CMS to help you copy/paste faster.

Party on!

minim-full-screen-accordion

Flowbase

Pricing Column Clone

Oliver Hoffmann

This is a simple tutorial page demonstrating a custom 12-column design grid in Webflow. By adding 2 classes to your webflow project, you can install just about any 12-column grid you like and the standard webflow column tools will follow it. Ideal for when you want something wider than 960-pixels (or narrower, for that matter). I've made the grid pretty dark so that it shows up on bright screens. You can adjust this when you build it.

custom-grids

Master Flowmaker

Columns Load In

Inspired by @JordanGilroy load in animation

085 - 100 days of @webflow interactions

#85 Columns Load In

Meg Wayne

/!\ Desktop only | Reference page for my tutorial: https://www.youtube.com/watch?v=at7KqH7KBM0

Neon Store

Andrew Grech

A site made for my startup, some creative use of background videos to showcase video animations of the app running on iPhone and android devices! real site is https://cryptospend.com.au

Cryptospend - Make Crypto Spendable

Tyler Jackson

The Columns Society is a group of twelve men and twelve women who serve as the official hosts for the University. The group is based upon the principles of humble service, leadership and integrity. The Columns Society serves the University of Mississippi at all functions where it is desired to have students welcome guests and visitors to the University of Mississippi.

umcolumns

Anthony Esebag

A great folio /cms website for an exceptional Art Director
Homepage animations only - more animations coming soon

Charlotte of the Castle

Orviko

In this cloneable, I am attempting to highlight the issue with the Webflow container and column that some of you may encounter. Additionally, I am providing a solution on how to fix it. I hope this information is helpful to some of you.

Explanation video: https://www.loom.com/share/20f1bd1551a640a08e67be8affd78f72

Good luck with your Webflow development! 😊

Webflow container and column problem (with solution)

Roem

Landingpage & product pages for Details/Systems™, with head office in Ghent, Belgium. They deliver pioneering construction and building systems for expectional houses.

Roem - Details/Systems™

RMv0YJlLOBe7cY7HgZ3Jox34R0Wrk7jLv3DZyBETA7I=

ZC8pa382rux3/Ya5JYmbaiFDJJqVQfa/ZkKRoDwNIOg=

zRYikcIlbF3Un7C26+4VGO/t8jKwNjjuAdQWLlZECTQ=

+j+2BnaQSkzkNe0dpNHl103pbsRtVlBy3Ivqpwb7bho=

/zPeDB00QSmJg02UNPvvY6N+w7bL9XbOTmOZn0UHdA0=

0ACb5hSoxo1svvHlhJqD4sUSDGJ97B1kBGWGGxycXu4=

6s1k2w6SLnWj64d28WQrv9HQMxjAQ6/qFXIbthFaqKc=

9DmxyyZ8FEsc5DSKm/8DpcDu2e/GCLlCF0UJQCEBuSw=

BEaEBzmJ+dCz7bi9Xenx+kQRiui5/usgymUiFzHdUSk=

EA6pIl34ynZu2fCXtDsf5N+8HjgmFW1iWFEJidJmjwE=

JCIMc2jHTforX4kLxzXeocMmrYb+LnAgwZU0w3bCzQY=

LtNTzuGC6a/O4opneIzFRwuxaT7A0jTPzl4xxFVOaJU=

OKA/wpW5U0/bGFF7Bsd9Jpz9vIcGmsLeCg4ac42B+uM=

P7vOA+qkoiRS/9UWXIUHxm+CI0lSj7WY2ZBiK9KyND4=

Pesmw2FSIduSR93sJEVAEAHyJZ4MQP9Pbn1gPgXxcXw=

Qdld2j63j/MIDqhyo7Y3RiOeFhBqJglREH2O+FwXR9I=

Sf9qPmyeAJlqj4x6Kz5SNESMv5Qs7ARqsnNruitgYpA=

USOHvTUI3mh2ib/mMwbKTyTADvigSfSmb3MXH/HsN6A=

Zf6XyBzSm/LtmgDvoXinw+Hi6BMMwoaUJHcowJ8ikX0=

gok0DFmTbYmfgm71+6/UBa9YMdK9fta9tVCYCvw0mUk=

l+2HpTI8qsEqSoxz6Y8y+po4C4+PakSbBdZ2Wp0L/Zk=

p8RKstqTUsFv0yM8P1EiWUksDkzfBxAw5OAvX/lo29w=

qriyvYyof2e0nw26zR6JThjy67bKClLhvHTizM7yDcg=

wV9d2LzLij/UwbGC8MXX+RHNBZ5d/rww134rq+krlJQ=

whJ3jNLC0SO8XSaY/XPhiyr+uvZwcHDCMcIF6SZYwb8=

xdTyVT3ZuBSNWCl2NPxJ8eZ0ifhUzatwezSwUElWFy0=

Best Columns Website Examples & Free Designs

Discover columns websites built by the Webflow community

Discover columns websites built by the Webflow community