23 best grid Webflow templates
Grid Webflow templates use structured, systematic grid-based layouts to organise content with precision and visual clarity. These templates draw on graphic design traditions of column grids and baseline grids, applying that systematic thinking to web layouts. The result is designs that feel considered and authoritative — every element placed with purpose and in clear relationship to everything else. They work particularly well for portfolios, editorial sites, and any project where order and visual precision are part of the brand character. Webflow's grid capabilities are excellent, and these templates take full advantage of them to create layouts that are both visually strong and responsive.

Compose
A vibrant and simple blog template for bloggers, creators and entrepreneurs

Simplefolio
A simple, one-page portfolio template. No CMS, no complexity.

Draft
A clean and straight-forward personal blog template

Monograph
A premium and elegant personal blog template in dark mode

Someday
A creative and playful portfolio template for agencies or creative teams

Accent
A simple, colourful, and minimal design portfolio template for you.

Landon
A super minimal portfolio template for designers and creatives

Irene
A simple dark theme portfolio template for designers and creatives

Assemble
A fun and modern template for conferences and events

Darkfolio
A dark, clean and minimal portfolio template for designers

Format
A minimal one-pager design portfolio template

My Webflow portfolio
A free, clean and minimal portfolio template for product designers. Launch your portfolio fast.

Torch
A dark-mode template for SaaS companies and startups

Radiate
A sleek ecommerce template for beauty brands

Narrative
A simple and modern blog template for writers, bloggers, and news teams

Jonas Dark
A modern, dark-mode, one-pager portfolio template for designers

Jonas
A minimal, one-pager portfolio template — great for product designers

Slice
A high-quality template for growing SaaS companies

Scribe
A simple blog template for writers, bloggers, and news teams

Lucide
A straightforward, high-quality portfolio template with a blog built-in

Noa
A bright, colourful, one-pager template for designers and creatives

Notes
A clean and modern personal blog template for writers

Reflect
A modern and typographical blog template
Top quality Webflow templates
Clean, simple, and modern design
20k+ happy customers
Designed and built by me
Uses the latest Webflow features
Ready to use assets
100% mobile responsive
Easy to customise
SEO optimised
Fast performance
Dedicated 1:1 support
Related Webflow templates
What do other people say?
FAQs
Grid Webflow templates use CSS grid as the primary layout structure — strict column and row systems that create organised, scannable layouts for portfolios, publications, and content-rich sites. The approach communicates order and precision, and scales cleanly as content grows.
Webflow has a native CSS grid tool that lets you create and edit grid layouts visually. Grid templates are built using this system — you can adjust column counts, gaps, and item placement in the visual editor without code. The responsive behaviour across breakpoints is also configurable visually.
Yes. CMS-powered grid layouts are one of Webflow's strongest features — a collection list feeds items into the grid automatically. New CMS entries appear in the grid when published, making grid templates ideal for growing portfolios, article archives, and product catalogues.
Yes. Editorial grids — rows of article cards with featured image, headline, and excerpt — are a standard blog index pattern. Webflow's CMS powers these grids naturally, and the grid layout scales cleanly from three articles to three hundred without layout changes.
Many do. Webflow's CMS filter feature lets visitors filter grid items by category, tag, or other fields. This is particularly useful for portfolios with multiple disciplines, publications with different beats, or product catalogues with varied types — visitors find what's relevant to them quickly.
Special discount
Enter your email to get 10% off your first Framer order
Unsubscribe at any time












































































































































