Webflow Weekly

Issue 6

This week was no let down! I mean let's just take a moment to breathe in the fact that product variants are live. Aahhh... that is good stuff. There were some standout showcases #madeinwebflow too and are all worth checking out. YMU is great example of a refined modern business website. Good selection of tips, tricks, and tuturials to check out when you have time or if they are relevant to your current work. Lastly Udesly released a new widget for highly customized Google Maps with custom markers.

Enjoy!

Webflow

Here's some content from Webflow's official channels.

Sell multiple variants of the same product

Now you can add product options like size, color, and material (or whatever else you have in mind) to sell multiple variants of the same product.

👏 I started using this feature the day it was released. So good!

Overcoming creative block | Webflow Blog

When creative block is actually fear, and how to get unstuck. I’m a writer — and this is the first thing outside a rambly Facebook post I’ve written in almost two years. I’d tell you I’ve been suffering from writer’s block, but that’s not true — fear is the culprit.

Everyone hits walls now and then. How can we handle it better?

How to create a CMS-powered slider

Webflow users have long wanted to populate sliders with content pulled straight from their CMS Collections. With pagination, it’s finally possible.

This is a good trick to add to your bag.

Showcases

Here's a sample of great sites built in Webflow. #MadeInWebflow

MeinTaxi - Webflow

by Martin Brunner

Autonomous taxi cars thanks to iX2

Sunny Poem - Webflow

by YK Kong

Another portfolio. This one is very professional yet vibrant.

Vogne point - Webflow

by Vlad Danilchenko

Scroll snapping may be controversial, but the liquid transitions on the background text is not. It's cool.

EW•WE•ME Giftboxes - Webflow

by Steve Coppola

Wonderful clean and elegant ecommerce site.

Futureproof Studio - Webflow

by Max Gustofson

Check out those project pages... clean and easy to digest.

Revista Ciudad Puerto - Webflow

by UMEstudio

Really enjoy the bouncing magazine covers on the homepage.

mattOS - Webflow

by Matthew P Munger

Because apparently I'm shameless...

Store UI Kit — iOS app template & set of UI elements

by Store UI Kit

Beautiful single product page

YMU Group | Integrated Talent Agency

by YMUgroup

This site looks great and the sticky section works very well as a user experience.

Tips, Tricks, & Tutorials

Take some time to learn something new.

Flowbase - File Upload - Webflow

by Oakland

Use forms and Uploadcare to implement and style a free file uploader.

Cursor Blend - Webflow

by Aviv

Look for the custom code in the page settings.

Daily Interaction #32 | Menu Item Animation on Hover | WebDev For You | Made in Webflow

Duration - 0:22:17

Animated rings behind links

WebDev For You - Daily Interaction #66 - Webflow

by WebDev For You

Using the new direct add-to-cart button? This will make that button that much cooler.

WebDev For You - Daily Interaction #67 - Webflow

by WebDev For You

Been wanting to try this animation. Now I have a great example to refer to.

WebDev For You - Daily Interaction #68 - Webflow

by webdev

Use the Ken Burns style effect to class up your slider photos.

Creating a Nintendo Switch using Webflow - Illustration to Web - Part 2

Duration - 1:48:31

The epic finale

Creating a seamless pagination experience in Webflow

Duration - 0:55:40

Pixel Geek walks through this previously featured trick.

How do I set up this custom code scroll animation?

by Piter

Animated scroll icon

Moving blocks after hiding / deleting the first one

by Piter

Interactive cards that each hide on tap but can be reset.

Building a Minimal Layout in Webflow - #1 | WebDev For You | Made in Webflow

Duration - 1:7:17

Start with the basics. Start here.

WebDev For You - Daily Interaction #69 - Webflow

by WebDev For You

I like the elastic motion of the reverse animation.

Resources

Here are a collection of great resources that you can use on your next project.

Google Maps PRO widget for Webflow | Udesly.com

by Udesly

Easily customizable Google Maps widget with custom markers? Yes, please.

Misc

Random things get put here because I didn't know where else to put them.

No items found.

Thanks for making it to the end. I hope these sources give you inspiration or head start on your next Webflow project. Did I miss something? Let me know about it on Twitter and you might see it in the next Webflow Weekly issue.

Until next week, happy designing!

MPM HD
7 items
405K in folder
506K available
Read Me
Webflow
Favorites
My Videos
My Tutorials
My Articles
Favorites
7 items
405K in folder
506K available
Read Me

Matthew P Munger

Life is a journey. Just keep moving.

Originally from Oklahoma City but have lived in the UK, Southern Africa, and am currently in Costa Rica. My family and I enjoy traveling and experiencing other cultures. The world and its people are amazing!

What I do

My background since 2002 is in media design with experience in videography, graphic design, and web design. Then I transitioned to a visual developer building custom designs using Webflow. Now I work at Webflow as a QA Analyst.

When I'm not building websites, I'm talking about it here, on Youtube, on Twitter, and on the Webflow forum.

This Site

Oh and you might have noticed that I'm a Macintosh fan. Been a user since 1993. My career in creative media wouldn't have been possible without Macs.

Feel free to browse around my virtual computer. You never know what you might find.

Note: I do use affiliate links on this site. It allows me, as a freelancer, to earn a small amount if you use and like something I recommend.

Client - Projects
14 items
2002K in folder
2019K available
Webflow
7 items
2013K in folder
unlimited
My Profile
Signup
Forum
Webflow Weekly
My Videos
My Tutorials
My Articles
Webflow Weekly
Trash
6 items
Empty
Dreamweaver
Shopify
Squarespace
Weebly
Wordpress
Wix
Trash
0 items
Empty
New Project Form

Project Submission

Thanks for you interest in working together on a project built in Webflow. In order to best understand your new website's needs, please fill out the information below to the best of your ability.

Check any of the options below that apply to your needs. If you don't understand what they mean, don't worry we can figure it out later.

If you've gotten this far, thank you. Go ahead and submit your info and I'll get back with you as possible with and informed response.

Thank you! Your project submission has been received!
Oops! Something went wrong while submitting the form. Please check all of the fields and try again.
Contact Form

Contact Form

Thank you! Your submission has been received.
Oops! Something went wrong while submitting the form. Please check all of the fields and try again.
MPM HD
Read Me
Clients
Webflow
Trash
Trash

Maybe it's not a good idea to shut my website down without a hardware reset button. Proceed?

Just kidding. Nothing was actually shutdown. It wouldn't have been a good idea. Do it again?

Permission denied. Please reconsider your actions.