mackenziechild has 353 followers on Webflow.
Hatch%20-%20A%20Utility%20Framework%20for%20Webflow
Hatch%20is%20a%20utility%20framework%20for%20Webflow%20that%20is%20made%20up%20of%20over%202%2C200%20low-level%20utility%20classes%2C%20helping%20you%20work%20super%20fast.%0A%0AFont%20sizing%20+%20spacing%20scales%20down%20automatically%20on%20each%20breakpoint%20so%20it%27s%20fully%20responsive%20out%20of%20the%20box.%0A%0AIf%20you%20want%20to%20use%20a%20style%20%28or%20override%20a%20style%29%20at%20a%20specific%20breakpoint%2C%20add%20a%20breakpoint%20class%20starting%20with%20Tablet%2C%20Landscape%20or%20Portrait.%20%0A%0A-%20-%20-%20-%20%0A%0AWatch%20a%20demo%20of%20me%20building%20with%20Hatch%20here%3A%20https%3A//youtu.be/SgmapsRTgVo%0A%0ABe%20sure%20to%20checkout%20the%20documentation%20to%20see%20which%20classes%20are%20available%3A%20https%3A//www.notion.so/Hatch-0d4a03cf6c9f474787e59484822d09c7%0A%0A%28Official%20+%20searchable%20documentation%20site%20coming%20soon%29.%20%0A%0AI%27d%20love%20to%20hear%20what%20you%20think%21%20If%20you%20have%20any%20thoughts%20and/or%20ideas%20on%20how%20I%20can%20make%20Hatch%20better%20please%20let%20me%20know%21%20Hit%20me%20up%20on%20Twitter%20%28https%3A//twitter.com/mackenziechild%29%20or%20email%20me%20mackenzie@flowmingo.co.
Tags:
- framework
- hatch
- utilityclasses
Visit Site
Image%20Reveal%20on%20Hover%20%26%20Mouse%20Cursor%20Follow%20Interactions
When%20you%20hover%20over%20a%20tool%2C%20it%27ll%20reveal%20a%20thumbnail%20preview%20of%20the%20website%20you%27re%20about%20to%20visit%2C%20and%20the%20image%20will%20follow%20your%20cursor%20around%20%28behind%20the%20content%29%20as%20you%20hover%20over%20the%20link.
Tags:
- flowmingo
- interactions
- hover
- cursor
- imagereveal
Visit Site
flowmingo-mini-6-starter
This%20is%20the%20starter%20project%20for%20the%20Flowmingo%20Mini-Project%20%236.%0AIt%20includes%20the%20colors%2C%20fonts%20%26%20CMS%20collection%20that%20we%27ll%20use%20to%20build%20a%20hover%20image%20reveal%20%26%20cursor%20follow%20interaction.%20%0Ahttps%3A//flowmingo-mini-6-cms-image-reveal-hover.webflow.io/
Tags:
Visit Site
Pricing%20Comparison%20Table%20with%20Tooltip%20Hover%20Interaction
This%20is%20what%20we%20built%20in%20the%20Flowmingo%20Mini-Project%20%235...%20A%20pricing%20page%20with%203%20plans%20%26%20a%20feature%20comparison%20table%20with%20sticky%20header%20and%20tooltips.
Tags:
- pricing
- pricing%20table
- features
- tooltips
- grid
Visit Site
Flowmingo%20Mini%20%235%20Starter%20Project
This%20is%20the%20starter%20project%20for%20the%20Flowmingo%20Mini-Project%20%235%20%28Pricing%20comparison%20table%20not%20included%2C%20that%27s%20what%20we%27ll%20be%20building%20in%20the%20tutorial%20%uD83D%uDE09%29.
Tags:
Visit Site
Flowmingo%20Mini%20%234%20Starter%20Project
This%20is%20the%20starter%20project%20for%20the%20Flowmingo%20Mini%20Project%20%234%20%28Modal%20not%20included%2C%20that%27s%20what%20we%27ll%20be%20building%20in%20the%20tutorial%20%uD83D%uDE09%29.
Tags:
Visit Site
Sign%20up%20Modal%20Bounce%20Interaction%20-%20Flowmingo%20Mini%20Project%20%234
This%20is%20a%20simple%20sign%20up%20modal%20with%20a%20custom%20bounce%20interaction.%20You%20can%20click%20the%20%22X%22%20to%20close%2C%20or%20simply%20click%20anywhere%20outside%20the%20modal%20itself.
Tags:
- modal
- interaction
- sign%20up
- bounce
Visit Site
Flowmingo%20Practice%20Project%20%231
The%20first%20practice%20project%20for%20flowmingo.co%20%uD83E%uDDA9%0A%0AIt%27s%20a%20dark%20themed%20grid%20based%20blog%20layout.%20%0A%0AIt%20uses%20a%20tiny%20bit%20of%20custom%20CSS%20to%20achieve%20this%20layout%20but%20it%27s%20mostly%20done%20all%20in%20Webflow%20%3A%29
Tags:
- darktheme
- flowmingo
- grid%20layout
- blog
- cms
Visit Site
Meet%20Mac%2C%20a%20free%20retro%20themed%20template
Hey%20everyone%20%uD83D%uDC4B%0A%0AMac%20is%20a%20retro%20themed%20template%20you%20can%20use%20for%20your%20personal%20website%2C%20blog%2C%20or%20whatever.%0A%0AClone%20the%20template%20and%20use%20as%20is%20or%20customize%20to%20fit%20your%20project%20%3A%29%0A%0AThere%27s%20a%20bit%20of%20custom%20css%20for%20the%20custom%20scroll%20bar%20%26%20cursor%2C%20plus%20I%20used%20css%20calc%20to%20figure%20out%20of%20bit%20of%20the%20widths%20/%20heights%20with%20the%20fixed%20header%20and%20such.%20%0A%0AIf%20you%20end%20up%20using%20it%20for%20one%20of%20your%20projects%20let%20me%20know%20so%20I%20can%20check%20it%20out%21%20%0A%0AEnjoy%20%uD83D%uDC4D
Tags:
- mac%20os
- retro
- illustration
- interaction
- black%20and%20white
Visit Site
Watch%20Me%20Practice
Watch%20Me%20Practice%20is%20a%20twice%20a%20week%20livestream%20where%20I%20work%20on%20illustration%20%26%20UI%20design%20stuff%20in%20an%20effort%20to%20get%20better%20at%20what%20I%20do%20and%20share%20the%20process%20with%20others%20so%20they%20can%20hopefully%20learn%20something%20along%20the%20way.%0A%0AI%20went%20with%20a%20dark%20theme%20to%20play%20on%20the%20fact%20that%20one%20of%20the%20livestreams%20is%20in%20the%20evening...%20You%20know%2C%20after%20the%20sun%20goes%20down%20%3B%29%20%0A%0AMy%20goal%20was%20to%20achieve%20a%20very%20clean%20/%20sleek%20/%20modern%20design.
Tags:
- dark
- pastel
- watchmepractice
- sleek
- modern
- livestream
Visit Site