New%20free%20cloneable%20every%20Monday%20%u26A1%uFE0F%20Follow%20me%20on%20Twitter%20to%20get%20notified.
kevinhaag has 205 followers on Webflow.
MM%u2014012%3A%203D%20Spiral%20Menu
Keeping%20it%20simple%20again%20this%20week%2C%20this%20time%20100%25%20native%20Webflow.%0A%0A%u2705%20Native%20Interactions%0A%uD83D%uDEAB%20Custom%20Code%0A%0A--%0A%0AFollow%20me%20on%20Twitter%3A%20https%3A//twitter.com/kevinhaag%0ASubscribe%20on%20Youtube%3A%20https%3A//youtube.com/kevinhaagsucks
Tags:
- micromonday
- menu
- interactions
- microinteractions
- 3dtext
Visit Site
MM%u2014011%3A%20Retro%203D%20Grid
Just%20a%20simple%20little%20retro%203d%20grid%20effect%20with%20optional%20scan-lines%20overlay.%0A%0A%u2705%20Native%20Interactions%0A%u2705%20Custom%20CSS%20%28optional%29%0A%0A--%0A%0AFollow%20me%20on%20Twitter%3A%20https%3A//twitter.com/kevinhaag%0ASubscribe%20on%20Youtube%3A%20https%3A//youtube.com/kevinhaagsucks
Tags:
- micromonday
- 3danimation
- animation
- retro
- 3dgrid
- scifi
Visit Site
MM%u2014010%3A%20Stopwatch%20Timer
Ok%20ok%2C%20so%20it%27s%20not%20an%20atomically%20accurate%20stopwatch%20%28performance%20may%20vary%29%2C%20and%20it%27s%20DEFINITELY%20not%20the%20best%20way%20to%20%22code%22%20a%20stopwatch...%20but%20it%20was%20fun%20to%20make.%0A%0A--%0A%0A%u2B1B%uFE0F%20%u2B1B%uFE0F%20%u2B1B%uFE0F%20%u2B1B%uFE0F%20%u2B1B%uFE0F%20%uD83D%uDD32%0ANative%20Interactions%0A%0A%u2B1B%uFE0F%20%uD83D%uDD32%20%uD83D%uDD32%20%uD83D%uDD32%20%uD83D%uDD32%20%uD83D%uDD32%0ACustom%20Code%20%28just%20a%20%uD83E%uDD0F%29%0A%0A--%0A%0AFollow%20me%20on%20Twitter%3A%20https%3A//twitter.com/kevinhaag%0ASubscribe%20on%20Youtube%3A%20https%3A//youtube.com/kevinhaagsucks
Tags:
- stopwatch
- clock
- timer
- ix2
- micromonday
- microinteraction
- interactions
- time
Visit Site
Numbered%20Pagination%20Links
Ever%20wanted%20to%20add%20numbered%20page%20links%20to%20your%20CMS%20Collection%20Lists%3F%20Now%20you%20can%20with%20a%20little%20snippet%20of%20custom%20code.%0A%0A--%0AFollow%20along%20for%20more%21%0A%0AFollow%20me%20on%20Twitter%3A%20https%3A//twitter.com/kevinhaag%0ASubscribe%20on%20Youtube%3A%20https%3A//youtube.com/kevinhaagsucks
Tags:
Visit Site
MM%u2014009%3A%20Keyboard%20Menu
Here%27s%20MicroMonday%20%239%3A%20kinda%20video-gamey%2C%20use%20your%20arrow%20keys%20or%20your%20mouse%20to%20navigate.%0A%0A--%0A%0A%u2B1B%uFE0F%20%u2B1B%uFE0F%20%u2B1B%uFE0F%20%u2B1B%uFE0F%20%uD83D%uDD32%20%uD83D%uDD32%0ANative%20Interactions%0A%0A%u2B1B%uFE0F%20%u2B1B%uFE0F%20%uD83D%uDD32%20%uD83D%uDD32%20%uD83D%uDD32%20%uD83D%uDD32%0ACustom%20Code%0A%0A--%0A%0AFollow%20me%20on%20Twitter%3A%20https%3A//twitter.com/kevinhaag%0ASubscribe%20on%20Youtube%3A%20https%3A//youtube.com/kevinhaagsucks
Tags:
- micromonday
- keyboards
- menu
- animation
- videogame
- animations
- perspective
Visit Site
MM%u2014008%3A%20Direction-Aware%20Slider
MicroMonday%20%238%3A%0A%0A%u2705%20Native%20Interactions%0A%u2705%20Custom%20CSS%0A%0A--%0A%0AFollow%20along%20for%20more%21%0A%0AFollow%20me%20on%20Twitter%3A%20https%3A//twitter.com/kevinhaag%0ASubscribe%20on%20Youtube%3A%20https%3A//youtube.com/kevinhaagsucks
Tags:
- micromonday
- slider
- customslider
- interactions
- ix2
- design
- animation
- microinteraction
Visit Site
MM%u2014007%3A%20Search%20Suggestions
Inspired%20by%20the%20search%20suggestions%20seen%20on%20Instagram%2C%20%28and%20a%20tweet%20https%3A//twitter.com/_MarlonJames/status/1437622870935490562%29%2C%20here%27s%20MicroMonday%20%237%21%0A%0A%u2705%20Native%20Interactions%0A%u2705%20Custom%20Code%0A%0A--%0A%0AFollow%20along%20for%20more%21%0A%0AFollow%20me%20on%20Twitter%3A%20https%3A//twitter.com/kevinhaag%0ASubscribe%20on%20Youtube%3A%20https%3A//youtube.com/kevinhaagsucks
Tags:
- micromonday
- microinteractions
- search
- searchbar
- forms
- ix2
- suggestions
Visit Site
MM%u2014006%3A%20Timed%20Automatic%20Slider
Normally%2C%20Webflow%27s%20native%20slider%20stops%20autoplaying%20as%20soon%20as%20you%20interact%20with%20it%20%28which%20is%20usually%20what%20you%20want%29%20but%20here%27s%20a%20version%20that%20continues%20to%20play%20even%20after%20interacting%20with%20it.%0A%0AThis%20way%2C%20we%20can%20continue%20to%20track%20progress%20nicely%20with%20a%20little%20Lottie%20animation%20on%20the%20next%20button.%0A%0A%u2705%20Native%20Interactions%0A%u2705%20Custom%20Code%20%28CSS-only%29%0A%0A--%0A%0AFollow%20along%20for%20more%21%0A%0AFollow%20me%20on%20Twitter%3A%20https%3A//twitter.com/kevinhaag%0ASubscribe%20on%20Youtube%3A%20https%3A//youtube.com/kevinhaagsucks
Tags:
- micromonday
- microinteraction
- slider
- transitions
- animation
- slideranimation
- lottie
Visit Site
MM%u2014005%3A%20Spotlight%20Cursor
Interactive%20spotlight%20cursor%20that%20inverts%20the%20text%20on%20hover.%20The%20preview%20may%20not%20display%20correctly%20-%20view%20live%20or%20in%20the%20Webflow%20designer%20to%20preview.%0A%0A%u2705%20Native%20Interactions%0A%u2705%20Custom%20Code%20%28CSS-only%29%0A%0A--%0A%0AFollow%20along%20for%20more%21%0A%0AFollow%20me%20on%20Twitter%3A%20https%3A//twitter.com/kevinhaag%0ASubscribe%20on%20Youtube%3A%20https%3A//youtube.com/kevinhaagsucks
Tags:
- micromonday
- spotlight
- cursor
- customcursor
- interactions
- ix2
Visit Site
MM%u2014004%3A%20Expandable%20Tabs
A%20simple%20little%20expanding%20tabs%20interaction%20for%20this%20MicroMonday%20%234.%20Clone%20away%21%0A%0A%u2705%20Native%20Interactions%0A%uD83D%uDEAB%20Custom%20Code%0A%0A--%0A%0AFollow%20along%20for%20more%21%0A%0AFollow%20me%20on%20Twitter%3A%20https%3A//twitter.com/kevinhaag%0ASubscribe%20on%20Youtube%3A%20https%3A//youtube.com/kevinhaagsucks
Tags:
- tabs
- expandingtabs
- interactions
- ix2
- nativewebflow
- micromonday
Visit Site
MM%u2014003%3A%20Glowing%20TV%20Backlight%20Effect
This%20is%20the%20MicroMonday%20cloneable%20I%27ve%20been%20most%20excited%20to%20release%20yet%21%20Open%20the%20live%20site%20to%20check%20it%20out.%0A%0ACurrently%20working%20in%20Chrome%20and%20Firefox%2C%20it%20needs%20further%20work%20to%20get%20it%20working%20for%20Safari%2C%20but%20I%20was%20too%20jazzed%20on%20it%20to%20not%20get%20it%20out.%20If%20anyone%20has%20any%20ideas%20to%20improve%20it%20for%20Safari%2C%20hmu%21%0A%0A%u2705%20Native%20Interactions%0A%u2705%20Custom%20Code%0A%0A--%0A%0AFollow%20along%20for%20more%21%0A%0AFollow%20me%20on%20Twitter%3A%20https%3A//twitter.com/kevinhaag%0ASubscribe%20on%20Youtube%3A%20https%3A//youtube.com/kevinhaagsucks
Tags:
- customcode
- glowing
- backlight
- ix2
- cloneable
- interactions
- microinteractions
- micromonday
Visit Site
MM%u2014002%3A%20Stacking%20Slider
MicroMonday%u2014002.%20Stacking%20slider%20inspired%20by%20housesof.world.%0A%0A%u2705%20Native%20Interactions%0A%uD83D%uDEAB%20Custom%20Code%0A%0A--%0A%0AFollow%20along%20for%20more%21%0A%0AFollow%20me%20on%20Twitter%3A%20https%3A//twitter.com/kevinhaag%0ASubscribe%20on%20Youtube%3A%20https%3A//youtube.com/kevinhaagsucks
Tags:
- slider
- customslider
- carousel
- stackingcards
- ix2
- interactions
- micromonday
Visit Site
FigButtons
Couldn%27t%20help%20myself%20but%20to%20recreate%20@bfigus_%27s%20Figma%20recreation%20of%20@Jabronus%27s%20Figma%20icon%20%28%20Source%3A%20https%3A//twitter.com/bfigas_/status/1425873785647947777%20%29%0A%0AClone%20away%20friends
Tags:
- buttons
- figma
- interactions
- ix2
- animation
Visit Site
MM%u2014001%3A%20Scrolling%20Pinwheel
My%20inaugural%20MicroMonday%20cloneable%20%u2013%20I%20plan%20on%20releasing%20a%20new%20cloneable%20micro%20interaction%20every%20Monday.%0A%0A%u2705%20Native%20Interactions%0A%uD83D%uDEAB%20Custom%20Code%0A%0A--%0A%0AFollow%20along%20for%20more%21%0A%0AFollow%20me%20on%20Twitter%3A%20https%3A//twitter.com/kevinhaag%0ASubscribe%20on%20Youtube%3A%20https%3A//youtube.com/kevinhaagsucks
Tags:
- pinwheel
- ix2
- scrollinganimations
- scrolling
- animation
- interactions
- microinteraction
- micromonday
- scrolljacking
- glowing
- cloneable
- cloneables
Visit Site
Holo%20Card
Challenge%20from%20the%20Pixelgeek%20himself%3A%0A%0Ahttps%3A//twitter.com/thepixelgeek/status/1377320078258008066
Tags:
- hologram
- holographic
- card
- pokemon
- holo
- gradient
- 3dcards
Visit Site