Michal

Product Designer @LiveChat @openwidgetcom
Making

[Michal @MJawinski]

late night grid wave warpin 🌊 in @framer https://t.co/EqKmjzcdeR

[Michal @MJawinski]

AI Floating Input concept testing. Still needs some polishing tho #prototype d with @framer motion

[Michal @MJawinski]

Recent motion template drop

[Michal @MJawinski]

Image editing with 🍌 @NanoBanana ✨ just landed in @moko_app Make or edit images and drop them into animation templates in seconds ⚡️

[Michal @MJawinski]

Logo as a loader made with #lottie #animation

[Michal @MJawinski]

@SaiduSenpay Thanks for checking it out! Right now it’s mostly about editing the motion bits (tweaking text, images, colors etc). But the idea is that in the future, it’ll generate animations based on prompts so you can go from idea to video super fast. Appreciate the feedback a lot 🙌

[Michal @MJawinski]

Experimenting with animated data bento

[Michal @MJawinski]

@SaiduSenpay Thanks! Still in beta, but feel free to give it a spin at https://t.co/Mx1bwv4x6O would love to hear what you think 🫶 Some of the animated graphs are behind a paywall, but if you wanna try them out, just hit me up and I’ll send them over for free.

[Michal @MJawinski]

@SaiduSenpay @moko_app It kind of depends on the template. Some animations are meant to feel playful so I am using springlike easings. Others are designed to be swift, with a fast start and a smooth slowdown at the end, something like cubic-bezier(0.71, 0, 0.14, 1)

[Michal @MJawinski]

Exploring some animation template ideas for @moko_app this time its all about stacks and grids

[Michal @MJawinski]

Sweated the details for something I hope users will replace in seconds 🫥

[Michal @MJawinski]

Recent signets

[Michal @MJawinski]

I could click this all day! 🥹 So stoked we pulled off this slick little interaction in @LiveChat’s widget. Making it work inside an iframe, keeping it stateful, and animate everything with just CSS wasn’t easy but the devs absolutely crushed it 🔥 #UI

[Michal @MJawinski]

messing around with ✨ @GeminiApp image generation and animated bento grids 🍱

[Michal @MJawinski]

@AmitDigga @framer Hi right now, I'm mostly just playing around with these components in Framer for fun, and I've got a few other projects going on. Feel free to check the remix link https://t.co/1GleO7zxEJ you're totally welcome to explore, use, or code them however you want!

[Michal @MJawinski]

Testing some stateful component ideas again, made with #Lottie and @framer 🧪

[Michal @MJawinski]

@designertom @framer @TyroneC__ @nandimuzsik @lemni @Sulaimaan_www Big thanks for the mention! 🙌 💯true framer + lottie is such a rewarding combo

[Michal @MJawinski]

@kkemenes_ Not at all! Well done 🙌

[Michal @MJawinski]

@jmcorpdev @framer No worries, thanks for the codepen example. It's neat 🙌

[Michal @MJawinski]

A proportion slider in @framer built with #lottie and a sprinkle of override magic ✨

[Michal @MJawinski]

@Digital_Reverie @framer The json remains unchanged. I only control the progress with a slider react component and values are baked into animation. I've posted breakdown here 👉 https://t.co/M4W4oSITDC

[Michal @MJawinski]

@multani_nishar @framer It's basically a transparent slider component layered over a Lottie animation. The Lottie animation contains values and moves in sync with the slider position while the labels added in @framer animate when the slider hits a certain value threshold.

[Michal @MJawinski]

@SaiduSenpay @framer Not necessary, but Lottie with Framer made prototyping this easier. Just a concept test, not final.