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

My YouTube Webflow community asked for a nice grid design as a tutorial, so I recreated Vitaa Architects' Journal section as an example: have a look at the original website here: vitaarchitecture.com/journal

They didn't use css grid for their layout but I found it is a perfect use case for it. 
The grid contains several collection lists which are always limited to one item. This allowed me to create a more varied grid design.  

I also use a fluid design system. It scales down the grid on the desktop breakpoint from 1600px downwards. The custom CSS for this is written in the global-css embed.

Watch the tutorial here: https://youtu.be/9plbrIo4lfM

🖤

Free Grid Design Template (CMS ready)

Welcome to Kloopify! 🥳

Hello there! Our team built this atmospheric and gamified website for one of the best client for Kloopify company.

- Modern Webflow Design
- Advance Webflow Animations
- Advance Webflow Interactions
- Dynamic pages using Webflow CMS
- Blog
- Advance cms
And much more 🤘🏻🔥

We worked a few months on this project and will be very glad to know your feedback 🙏🏻

If you're ready to take your business to new heights and leave a lasting impression on your customers, don't hesitate to get in touch. Let's collaborate and create something remarkable together.

Regards,
RSA CreativeStudio
hello@rsacreativestudio.com

Kloopify

Veza Digital

Here's a sweet blog post template made with elements from the upcoming Universal UI kit! Nothing is CMS linked which means you can easily clone it and hook everything up on your site!

Welcome to the Universal UI project by Veza Digital!

Every day, we're releasing new elements from our work-in-progress called "The Universal UI". 

The problem that we always have with UI kits is that they're too specific (not easy to use for different types of businesses), and that while often beautiful, they have a number of custom-designed images that makes replicating the beauty of the kit a time consuming process at best.

That being said, this is going to be a completely free, comprehensive UI kit that is made to be used for any type of business, and is as easy to edit/clone elements as a UI kit should be.

Article 02

CTA Oriented Blog Post Template Cloneable

Make your articles and news stand out with our collection of 8 blog cards! Duplicate our free Blog Cards Webflow Cloneable Template.

Clone it, copy it to your Webflow project, and that is all!

- - - - - - - - - -

Interested in this free Webflow Cloneable?

💻 Check out a live preview on: https://blog-cards-elements-brixtemplates.webflow.io/
✅ Click ‘Clone project’ to get a clone on your Webflow account

- - - - - - - - - -
⭐️ BRIX Templates - Looking for the best Webflow templates? Take a look at our collection of 100+ amazing templates at https://brixtemplates.com/

⭐️ BRIX Agency - Looking for a hand to design & develop an amazing Webflow website? Get in touch with our amazing team at https://brixagency.com/

12. Blog Cards | Webflow Elements

Blog Cards Webflow Template | BRIX Templates

The power of Webflow CMS allows you to easily add structured data to your blog posts, thus helping Google better understand the content of the page and letting your page be displayed in richer features in search results

Full article inside!

P.S. Feel free to visit my YouTube channel:
https://www.youtube.com/@francescocastronuovo

Weblow CMS Structured Data

Looking to add a beautiful author bio box to your blog post? Duplicate one of our 3 free author bio box Webflow cloneable templates.

Clone it, copy it to your Webflow project, and that is all!

- - - - - - - - - -

Interested in this free Webflow Cloneable?

• Check out a live preview on: https://author-bio-cloneable-brixtemplates.webflow.io/

• Click 'Clone project' to get a clone on your Webflow account

• Get the cloneable Figma file to customize the styling and graphics: https://www.figma.com/community/file/1098318123644326386

- - - - - - - - - -

• BRIX Templates - Looking for more Webflow templates? Take a look at our collection of premium & free Webflow Templates on https://brixtemplates.com/

• BRIX Agency - Looking for a hand to design & develop an amazing Webflow website? Get in touch with our amazing team on https://brixagency.com/

42. Author Bio Webflow Cloneable Template - BRIX Templates

3 Author Bio Box Webflow Template | BRIX Templates

A minimal blog template for modern creators. Custom code snippets included.

Neumon Writer - A blog template modern creators

Neumon Writer

Memberstack

Follow this tutorial and demo to learn how to gate your full articles - this means that people who are not signed up for an account with your website will not be able to read entire articles until they create an account.

It will also redirect them back to the article they were reading when they do sign up. Enjoy!

Gate Full Articles

Gate Full Articles | Members Only News

If you're looking to add a text-to-speech capability to your website's blog posts but don't want to spend a whole bunch of time and/or money to make it happen, I've got you.

This free resource + script uses Speech Synthesis, which is built in to all modern devices and browsers. Simply paste in the code and add 2 attributes, and you're ready to rock. No nonsense, no headaches.

Also, feel free to use the blog post template that's thrown in!

Text To Speech Blog Posts

Easy & Free Text To Speech For Blog Posts

Scribe is a clean and minimal blog template for publications. Perfect for writers, bloggers, and news teams to showcase their writing and tell their unique stories.

→ https://webflow.com/templates/html/scribe-blog-website-template

Scribe Template

Supersparks Apps

A collection of clonable comments section designs for the Supersparks app. Use these as a starting point to accelerate the development of a comments section for your CMS or static pages. You can collect and display comments on these clonables by installing the Supersparks app. To see commenting in action on these templates check out the link below:

https://webflow-comments-section.webflow.io/

And you can learn more about Supersparks through the link below:

https://www.supersparks.io/sparks/webflow-cms-page-comment-section

The Supersparks app works with Webflow memberships so you can customize to enable commenting from logged in users or guests or both. Not only do these work great as blog comment sections, but also for adding asynchronous communication to courses, communities, and more on Webflow.

Supersparks Cloneable Comments Sections

This template is the perfect structure for any type of blog content to be published on.

Here you will find premade scructure for a blog optimized for SEO, with an author's CMS collection connected and schema markup strucutures in place to be filled.

Have any question? Drop an email at hello@brunoishii.com or DM me at https://www.instagram.com/bruno.ishii/

Perfect Blog Structure

Webflow Blog card Component.
You can simply copy this component from our website and paste it into your webflow canvas. 

Very clean design and easy layout that can be inserted into your blog collection list to show all of your blog posts from your blog CMS.

Our Website:  https://templategogo.com/

Feel free to email us: info@templategogo.com

Blog Card V37

Webflow Blog Card V37

Blog Card V40

Webflow Blog Card V40

Column is a simple and minimal personal blog template. Perfect for founders, creators, and solopreneurs to share about their businesses.

→ https://webflow.com/templates/html/column-magazine-website-template

Column Template

Sold these story-gems a while ago, now i guess the content is outdated and legally I can post them again :) 

Enjoy - great stories here!! Webflow designers are in here too. 

Also, shout out to http://www.gregwashington.ca/ for making incredible templates. He is my new favorite!

Digital Computer Arts

digital-computerarts2023

A collection of clones of famous blog & news site with comment sections. Click 'Open live site' to test out commenting for yourself either as a guest or registered member. You can enable comments sections like these on your website by installing the Supersparks app - learn more through the link below:

https://www.supersparks.io/sparks/webflow-cms-page-comment-section

The Supersparks app works with Webflow Memberships so you can customize to enable commenting from logged in users or guests or both. Not only do these work great as blog comment sections, but also for adding asynchronous communication to courses, communities, and more on Webflow.

If you want to clone any of the blog or comment section designs featured in this project, check out our cloneable version of this project below:

https://webflow.com/made-in-webflow/website/supersparks-cloneable-comments-sections