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

Implementation of this awesome Star system.

Original doc can be found at: https://codepen.io/seanseansean/pen/vEjOvy

Three js Stars

three-js-stars

Just a simple tutorial for Particles.js lightweight library.
Simple and cool!

Enjoy!

particles-js

PARTICLES EFFECT - How to integrate Particles.js in Webflow

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

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

Webflow University

Open this project in Webflow to interact with the accordion and learn how it was built.

Clone this project to reuse this accordion in your own project. Learn how to copy / paste between projects: https://wfl.io/2mGKmeD

Check out the video lesson here: https://university.webflow.com/article/accordion

Accordion example

Custom Accordion

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

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

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

Netguru S.A.

Hidden Heroes is a digital collection of stories about the people behind modern software and design. The publications within the website are a tribute to innovators who set the foundations on which we build vital solutions for the modern world. Their inventions make the world run, but their stories remain hidden. Until now. Hidden Heroes uncovers unexpected connections between great human stories and technologies and ideas that are widespread public phenomena today.

Hidden-heroes

Hidden Heroes

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.

Discover article websites built by the Webflow community

Discover article websites built by the Webflow community