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

I have a clone for this project here - https://webflow.com/website/Stanbic-CSA-App-Dummy

Feel free to use for personal or commercial projects.
Best

Custom web

CW Web - Demo pages

I had some fun with a minimal redesign of Sam Altman's blog to practice some subtle interactions and Lottie.

Feel free to clone and use 🙂

Sam Altman blog concept

Please Note: This is an early exploration project, we cannot guarantee the quality of the build and it does not meet our current quality standards.

⁃⁃⁃⁃⁃⁃⁃⁃

🥰 Support Us:

𝙄𝙛 𝙮𝙤𝙪 𝙚𝙣𝙟𝙤𝙮 𝙤𝙪𝙧 𝙘𝙤𝙣𝙩𝙚𝙣𝙩, 𝙥𝙡𝙚𝙖𝙨𝙚 𝙘𝙤𝙣𝙨𝙞𝙙𝙚𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩𝙞𝙣𝙜 𝙪𝙨 𝙤𝙣 𝙤𝙪𝙧 𝙨𝙤𝙘𝙞𝙖𝙡 𝙘𝙝𝙖𝙣𝙣𝙚𝙡𝙨. 𝙔𝙤𝙪𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩 𝙝𝙚𝙡𝙥𝙨 𝙪𝙨 𝙜𝙧𝙤𝙬 𝙩𝙝𝙧𝙤𝙪𝙜𝙝 𝙧𝙚𝙖𝙘𝙝𝙞𝙣𝙜 𝙛𝙪𝙧𝙩𝙝𝙚𝙧!

⦿ Website @ www.flowbase.co
⦿ Webflow @ www.webflow.com/flowbase
⦿ Twitter @ www.twitter.com/t_bekkers
⦿ Instagram @ www.instagram.com/flowbase.co

⁃⁃⁃⁃⁃⁃⁃

✒️ Licence Notes:

⦿ Images available under CC0 (Unsplash, Pexels, Freepix or Similar)
⦿ Iconography available under CC0 (UpLabs, Flaticon, Noun Project)

Dribbble Explore South

Explore South Dribbble Project

freedesign is a collection of free resources, tools, websites, and articles to help you create your next project. 

This site is a side project done by me. I hope you found a few great resources on this site to make your next website, product, or project beautifully. Any other resources that you think is super helpful please leave  them in the comments below.

free design

freedesign

This is a One pager portfolio project I did. It features sticky layout, and css grids which a few interactions.

Surfing

Facts about Surfing

Victorian CMS made for Le Bathyscaphe, a Steampunk / Art Deco bar and restaurant. I had previously worked with the vectorian style for their printed comunication material (the project can be seen here https://www.behance.net/gallery/57793969/Victorian-tabloid-newspaper-for-Le-Bathyscaphe-bar ) and I decided to bring this alive for their website.

The typographic part was very funny to work with, also visitors are facing a staggering 650ko of fonts to, download, but that's a choice we made.

The little submarine has been animated using Webflow's IX2.

Le Bathyscaphe

Veza Digital

Nothing fancy, just a clean, simple blog post/article template with inspiration taken from medium & the Veza Digital blog. Developed without any CMS bindings for easy copy + pasting.

Blog Post Template

Cloneable Responsive Blog Template

Hello. I worked with an independent blogger and influencer to create a small digital publication called ZirkZine. I helped create the initial branding from brand strategy, logo & identity design, and website design with the goals to start conversations through honesty and authenticity. 

The site features a lot of JS interactivity using jqueryUI and Slick slider from draggable post sliders to interactive draggable header banner images. I've also implemented some CSS animations in the footer and with smaller elements such as the various rotating badges. 

Let me know what you think down below. Thanks.

ZirkZine

zirkzine

Clone this free adventure blog and start sharing your amazing adventures. @ us on Twitter to show us how you customize it

⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃

🥰 Support Us:

𝙄𝙛 𝙮𝙤𝙪 𝙚𝙣𝙟𝙤𝙮 𝙤𝙪𝙧 𝙘𝙤𝙣𝙩𝙚𝙣𝙩, 𝙥𝙡𝙚𝙖𝙨𝙚 𝙘𝙤𝙣𝙨𝙞𝙙𝙚𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩𝙞𝙣𝙜 𝙪𝙨 𝙤𝙣 𝙤𝙪𝙧 𝙨𝙤𝙘𝙞𝙖𝙡 𝙘𝙝𝙖𝙣𝙣𝙚𝙡𝙨. 𝙔𝙤𝙪𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩 𝙝𝙚𝙡𝙥𝙨 𝙪𝙨 𝙜𝙧𝙤𝙬 𝙩𝙝𝙧𝙤𝙪𝙜𝙝 𝙧𝙚𝙖𝙘𝙝𝙞𝙣𝙜 𝙛𝙪𝙧𝙩𝙝𝙚𝙧!

Brand: 
⦿ Website @ www.flowbase.co
⦿ Webflow @ www.webflow.com/flowbase
⦿ Figma @ www.figma.com/@flowbase

Insights:
⦿ Twitter @ www.twitter.com/t_bekkers
⦿ Instagram @ www.instagram.com/tsbekkers

Adventure Template

🟢 Adventure Blog Template

Online Portal and Magazine
Integrated with Wordpress
Launched at http://squarerooms.com.sg

Square Rooms

Squarerooms

Travel North

Travel North Dribbble Project

Welcome to daily interaction #70.

This demo showcases an article card animation on hover.

Inspired by: https://www.operaliege.be/

To view more daily interactions and premium content visit: https://www.webdevforyou.com/

WebDev for You - Daily Interaction #70

WebDev For You - Daily Interaction #70

Had a bit of fun & attempted to rebuild the Wired article design. Mostly mobile optimized, but not tested on MacOS or iOS. 

If you clone this for your own project, please be sure to replace the fonts with fonts you are licensed to use :)

WIRED Clone

Tech Blog - Wired Clone

Memberstack

I used this to keep track of article ideas for my website. I found it helpful to start with the finished product.

Google Search Results

google-results

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

Inspiration For Designers started out as an Instagram page that showcased work from talented designers for inspiration purposes, but it expanded into a website that now shows a handpicked collection of inspiration, high quality resources and design articles.

Inspiration For Designers

Inspiration For Designers - Web & UI/UX Design Inspiration

Clean and simple blog page - it isn't linked to any CMS, so you can easily slap the elements in your own collection list wrappers and hook it all up!

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.

Blog Page 01

Responsive Business Blog Page Cloneable

CMS Component you can Clone!

> Load More functionality (load more under the previous collection items)
> 1 Static Page
> 1 Category & 1 Articles CMS setup 
> Built with the Client-first Webflow Style System 
> Load More implemented with Attributes 

Client First Docs -> https://www.finsweet.com/client-first/
Attributes Load More Tutorial Video -> https://www.finsweet.com/attributes/cms-load#tutorial

Tip: View the Published project to view the Load More function. It doesn't work in the Designer Preview.

Discover .css-73fekg{text-transform:capitalize;word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}article websites built by the Webflow community

Discover article websites built by the Webflow community