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.
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.
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!
👏 I started using this feature the day it was released. So good!