Webflow Weekly

Issue 36

There's a whole lot of goodness in this issue. The Lottie integration is released and anyone can take advantage of the power of Lottie plus interactions. We can't wait to see the cool things people do with it. Not sure how to use it, well there are 8 videos with downloadable assets to learn with. Check out the new text animation plugins for Udesly and a batch of fresh templates.

Webflow

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

After Effects and Lottie, meet Webflow

With some help from Lottie, we’re bringing the power of After Effects to Webflow and unlocking a new realm of possibilities for animation on your sites.

Webflow ↗︎
Youtube ↗︎

Search in the asset manager

Now you can find the assets you need faster by searching based on file name in the asset manager.

Webflow ↗︎
Youtube ↗︎

Webflow events: September 2019

Attend a Webflow event near you.

Webflow ↗︎
Youtube ↗︎

SEO and Webflow: the essential guide

Get 14 need-to-know tips on website SEO—whether or not you use Webflow.

Webflow ↗︎
Youtube ↗︎

Introduction to After Effects and Lottie in Webflow

Duration - 0:1:20

Webflow ↗︎
Youtube ↗︎

Bodymovin extension for After Effects — After Effects & Lottie in Webflow (Part 2/8)

Duration - 0:3:15

Webflow ↗︎
Youtube ↗︎

Getting started with After Effects and Webflow — After Effects & Lottie in Webflow (Part 3/8)

Duration - 0:14:50

Webflow ↗︎
Youtube ↗︎

How to trigger an animation on click — After Effects & Lottie in Webflow (Part 4/8)

Duration - 0:1:41

Webflow ↗︎
Youtube ↗︎

Animating an element when it scrolls into view — After Effects & Lottie in Webflow (Part 5/8)

Duration - 0:2:25

Webflow ↗︎
Youtube ↗︎

How to animate an element on scroll — After Effects & Lottie in Webflow (Part 6/8)

Duration - 0:2:4

Webflow ↗︎
Youtube ↗︎

How to add a page loading animation — After Effects & Lottie in Webflow (Part 7/8)

Duration - 0:4:12

Webflow ↗︎
Youtube ↗︎

Animating an image sequence on scroll — After Effects & Lottie in Webflow (Part 8/8)

Duration - 0:6:35

Webflow ↗︎
Youtube ↗︎

Showcases

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

lab-box - Webflow

by Marcus

Webflow ↗︎
Open ↗︎

Self Portrait - Webflow

by alex

Webflow ↗︎
Open ↗︎

hellochriscole - Webflow

by Chris

Webflow ↗︎
Open ↗︎

XadorLABS Design Services - Webflow

by david

Webflow ↗︎
Open ↗︎

lisakaela.com | Copywriter Business Portfolio/Lifestyle Blog Website - Webf

by Lisa

Webflow ↗︎
Open ↗︎

Tips, Tricks, & Tutorials

Take some time to learn something new.

creative-design-no1 - Webflow

by Eric

Webflow ↗︎
Youtube ↗︎Open ↗︎

textshadowanimation - Webflow

by arnab

Webflow ↗︎
Youtube ↗︎Open ↗︎

Zdog 3D Integration - Webflow

by Kai

Webflow ↗︎
Youtube ↗︎Open ↗︎

fullPage.js - Horizontal Slides - Webflow

by

Webflow ↗︎
Youtube ↗︎Open ↗︎

Adding After-Effects Animation to your Webflow Website (Lottie Integration)

Duration - 0:7:57

Webflow ↗︎
Youtube ↗︎Open ↗︎

Webflow Hack #18 - Reject gmail and other non-business emails from form submission

Duration - 0:7:32

Webflow ↗︎
Youtube ↗︎Open ↗︎

Resources

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

Webflow Text Effect: Izar - Udesly

by

Webflow ↗︎
Youtube ↗︎Open ↗︎

Webflow Text Effect: Mira - Udesly

by

Webflow ↗︎
Youtube ↗︎Open ↗︎

Webflow Text Effect: Vega - Udesly

by

Webflow ↗︎
Youtube ↗︎Open ↗︎

Timber - Ui Kit HTML5 Responsive Website Template

by Medium Rare

Webflow ↗︎
Youtube ↗︎Open ↗︎

Craig - Portfolio HTML5 Responsive Website Template

by Lightning Lab

Webflow ↗︎
Youtube ↗︎Open ↗︎

Agencieos - Agency HTML5 Responsive Website Template

by

Webflow ↗︎
Youtube ↗︎Open ↗︎

Syrio - Technology HTML5 Responsive Website Template

by

Webflow ↗︎
Youtube ↗︎Open ↗︎

Movie - Entertainment HTML5 Responsive Website Template

by Rowan Hartsuiker

Webflow ↗︎
Youtube ↗︎Open ↗︎

Octavius - Technology HTML5 Responsive Website Template

by Dorian Hoxha

Webflow ↗︎
Youtube ↗︎Open ↗︎

Portofino - Real Estate HTML5 Responsive Website Template

by Pablo Ramos

Webflow ↗︎
Youtube ↗︎Open ↗︎

LottieFiles - Free animation files build for Lottie, Bodymovin

by

Webflow ↗︎
Youtube ↗︎Open ↗︎

Misc

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

No-code Revolution. Why Now? - Fibery - Medium

It seems no-code software is booming. Fast adoption, huge rounds, insane valuation ?, happy customers. Why now? Why not 20 years ago? Why not 20 years in the future? This is an interesting question I got from one VC partner.

Open in Webflow ↗︎
Youtube ↗︎Open ↗︎

Webflow Meetup - Iron Cobra - July 2019

Duration - 0:0:54

Open in Webflow ↗︎
Youtube ↗︎Open ↗︎

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
Apps
Articles
Blogs
Board Games
Coffee
Inspiration
Tools
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
Memo App
Rise Above
Jed Chappell
City Center
My Videos

How to build breadcrumb navigation in Webflow Ecommerce

Tutorial
7:55

Display sale prices by setting a compare-at price in Webflow Ecommerce

Feature
2:06

Set tax classes per product in Webflow Ecommerce

Feature
1:53

Pagination for collection lists in Webflow

Feature
5:32
My Tutorials
Fluid Fullscreen Menu
CSS Color Scheme: Prefers Dark
Webflow
7 items
2013K in folder
unlimited
My Profile
Signup
Forum
Webflow Weekly
My Videos
My Tutorials
My Articles
Webflow Weekly

Webflow Weekly

Issue 39

Sep
21
to
Sep
27
,
2019

Looking for tips, tricks, or tutorials? This week has a lot of them from some of my favorite Webflowers and content creators. Check it out.

Webflow Weekly

Issue 38

Sep
14
to
Sep
20
,
2019

Webflow Weekly

Issue 37

Sep
7
to
Sep
13
,
2019

All the things!!! So many many Webflow things...

Webflow Weekly

Issue 36

Aug
31
to
Sep
6
,
2019

There's a whole lot of goodness in this issue. The Lottie integration is released and anyone can take advantage of the power of Lottie plus interactions. We can't wait to see the cool things people do with it. Not sure how to use it, well there are 8 videos with downloadable assets to learn with. Check out the new text animation plugins for Udesly and a batch of fresh templates.

Webflow Weekly

Issue 35

Aug
24
to
Aug
30
,
2019

Webflow Weekly

Issue 34

Aug
17
to
Aug
24
,
2019

Webflow Weekly

Issue 33

Aug
10
to
Aug
16
,
2019

⦿ Welcome to the age of no-code! Join us for @NoCodeConf or even apply to speak. ⦿ New articles about Adaptive/vs/Responsive and UX/vs/UI. ⦿ #MadeInWebflow showcases range from modern, experimental, punk, grunge, and clean. ⦿ Tutorials about dynamic forms, particle.js, bkgd video reveal, Google sheet backend, filter multiple lists, 404 page build, a site build, and more.

Webflow Weekly

Issue 32

Aug
3
to
Aug
9
,
2019

Webflow is in it for the long term. Find out what this new funding means.

Webflow Weekly

Issue 31

Jul
27
to
Aug
2
,
2019

It's a huge week. Announcing the first every No Code Conf which is going to be nothing sort of amazing. Then there's The Freelancer's Course which is a 6+ hr free video course unlike anything the internet has seen. Definitely check out both of these asap.

Webflow Weekly

Issue 30

Jul
20
to
Jul
26
,
2019

Check out three clip's from the upcoming Freelancer's Journey and signup for the mailing list. DIV Bike is a divine build that you must see in the Designer to believe. Lots of good tutorial videos and a bunch of new templates to peruse.

Webflow Weekly

Issue 28-29

Jul
6
to
Jul
19
,
2019

Webflow Weekly

Issue 27

Jun
29
to
Jul
5
,
2019

Webflow Weekly

Issue 25-26

Jun
15
to
Jun
28
,
2019

Check out what features Webflow has shipped since April. It's amazing how much community content is being generated as tutorial and tips content. With a batch this large, there's got to be something that will help everyone.

Webflow Weekly

Issue 24

Jun
8
to
Jun
14
,
2019

Notable convenient feature, create read-only link from inside the Designer. Udesly has a new video and audio players. Learn about pricing tables, card sliders, tooltips, interactions and more. Also a healthy amount of showcases to inspire you. Inspect them to learn how to do something yourself.

Webflow Weekly

Issue 22-23

May
25
to
Jun
7
,
2019

Foregoing a long intro to just get this two-week issue into your hands! Enjoy.

Webflow Weekly

Issue 21

May
18
to
May
24
,
2019

It's my pleasure to introduce you to a couple great things that I got to be part of.Grid 2.0! CMS Collection Manager! And one that I love just as much, multi-ref filters on template pages! #MadeInWebflow showcases, grid to fullscreen tutorial, hide passwords input, swipers, box slider, interaction tutorials, an audio player, and several grid templates.

Webflow Weekly

Issue 20

May
11
to
May
17
,
2019

Special week for me, the Left Navigator BETA was the first major feature release that I have been part of since joining the Webflow team. Check it out and let us know what you think.The tips and tricks section exploded this week with content from regular contributor WebDev For You and newcomer F'in Sweet. So much quality content from the community, you don't want to miss any of them.Five new templates that you can use on your next project.

Webflow Weekly

Issue 19

May
4
to
May
10
,
2019

What it's like to work at Webflow, cart design best practices, award-worthy sites by new showcaser Gary, how to use Disqus, predictive text, horizontal tabs, audio wave player, interactions galore, new member's club by The Digital Bake, multiple custom cursor, and a restaurant template. Whew! That was a mouthful.

Webflow Weekly

Issue 18

Apr
27
to
May
3
,
2019

Did you miss the livestream? It's a must watch "Sneak peek at major updates to CSS grid in Webflow" except that it's so much more. 😉Also of note are a bunch of newer templates that I hadn't linked to before. A bunch of custom code tricks plus a trio of sites by award winning HECO round out this weeks roundup

Webflow Weekly

Issue 17

Apr
20
to
Apr
26
,
2019

To sum up: passwords on CMS pages, custom Facebook feed plugin, code blocks in cms rich text, footnotes using BigFoot, JS countdown, responsive images using object-fit, and enough #madeinwebflow showcases to kick your creative blocks to the curb. Enjoy!

Webflow Weekly

Issue 15-16

Apr
6
to
Apr
19
,
2019

We're back! Got a double issue for you this time around. Just because I didn't post the roundup last week doesn't mean that I wasn't collecting content. It's all here and there is a ton of it. There's no point in trying to summarize it all because that's an impossible task. Dig in and enjoy. I hope you find something useful or inspiration for what you're currently working on in Webflow.

Webflow Weekly

Issue 14

Mar
30
to
Apr
5
,
2019

Quarterly chat with Vlad, open/link/share specific pages from the Designer, learn how RocketLawyer and others use Webflow for product design and prototyping.This issue is brimming with sweet showcase sites and sites you can clone or learn from . Remember to open them up in Webflow to see exactly how a site was created!

Webflow Weekly

Issue 13

Mar
23
to
Mar
29
,
2019

Check out MemberStack a notable product launch to add memberships/logins to a Webflow site. There's a video interview with Webflow's brand designer, Ryan, as well as the normal weekly flow of showcase sites and tutorials.

Webflow Weekly

Issue 12

Mar
16
to
Mar
22
,
2019

Do you want to be blown 🤯 away? Start with the "Web design & art history" site. You won't believe it is a website and the content is so solid too. Then top it off we get annual client billing and embrace the new style panel. Be sure to checkout the TimeSlot and Insane Boats showcases. Oh just check them all out because I didn't put anything here that isn't great. I have to admit that I didn't have time to dig into all the TTT content, but I know the author's put out 💯work and got a brief look at them.

Webflow Weekly

Issue 11

Mar
9
to
Mar
15
,
2019

Did you happen to see and check out all 36 Webflow related content that I shared last week? Well I've collected it all here in one place just like I do every week. This will make it easy for you to browse and find the things that interest you the most.‍Webflow posted a handful of videos that actually are not instructional videos for the University, some interesting talks from the roadshow in London and a design trends video. The showcase section is on 🔥 this week with some standout unique designs that are sure to inspire. The tips, tricks, and tuts sections the largest one this week with a good amount of them being clone-able components.

Webflow Weekly

Issue 10

Mar
2
to
Mar
8
,
2019

This week, learn how to add Apply pay to checkout pages, add adobe fonts, learn how to become a Webflow affiliate, and interviews with Tia Meyers, Ryan Morrison, JP Teixeira, and Vlad Magdalin (CEO).Dig into some very inspiring showcase sites before jumping into the tips, tricks, and tutorials. There's pagination in Mixitup, Ken Burns slider effects, slide with image thumbnails, WebDev For You's usual clone-able animations, a Facebook pixel consent modal, and a couple tuts on integrating Lottie animation into Webflow.Enjoy.

Webflow Weekly

Issue 9

Feb
23
to
Mar
1
,
2019

Webflow Weekly

Issue 8

Feb
16
to
Feb
22
,
2019

Webflow Weekly

Issue 7

Feb
9
to
Feb
15
,
2019

Some really diverse and impressive sites this week from clean modern to brutalist. Evolve has a great use of interaction and background videos for a media company's site. Downtown Bentonville looks like a cool place that I want to go to. I guess that means the website is doing its job. Tauro's scroll interaction has me spinning. The list of showcase sites goes on and on. Then there's good training content from Piter and WebDev For You as usual. Plus the launch of Charli Marie's video series on launching an Ecommerce site. Jose Ocando is putting on some really great video tutorial. This time it is using the pagination as a cms slider trick we learned about a couple of weeks ago. Lastly a UI kit and typewriter widget resources. Check it out.

Webflow Weekly

Issue 6

Feb
2
to
Feb
8
,
2019

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.

Webflow Weekly

Issue 5

Jan
26
to
Feb
1
,
2019

Check out the new University articles that help you sync your Ecommerce products/inventory to Facebook, Instagram, and Google Merchant. Then there were a ton of good showcases for sites built in Webflow. Then Dram's custom cursor is a great method for using a custom cursor effect built with interactions. Lastly a couple of resources for color fonts and a design checklist.

Webflow Weekly

Issue 1-4

Dec
29
to
Jan
25
,
2019

Welcome to the inaugural issue of Webflow Weekly. It is simply the best Webflow centric content that I find each week, however this very first issue is covering the first four weeks of 2019. My desire is to share things in the community that I find interesting. Hopefully you'll find something that interests you and maybe hadn't seen yet. Content is divided into the following sections: Webflow Content, Showcases, Tips Tricks and Tutorials, Resources, and Misc.

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?

Cancel
Shutdown

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

Cancel
Shutdown

Permission denied. Please reconsider your actions.

Cancel
Logout