michael sommer
@mikesommersby
Followers
926
Following
186
Media
26
Statuses
294
product designer & ui engineer / sost collective / former product designer @kleinezeitung and @google news fellow, named »30 under 30« by @inmaorg
Graz, Österreich
Joined July 2014
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
Colorado
• 133022 Tweets
Notre Dame
• 115160 Tweets
Kentucky
• 67807 Tweets
#仮面ライダーガヴ
• 56513 Tweets
The Weeknd
• 55885 Tweets
#AEWAllOut
• 52537 Tweets
Northern Illinois
• 38507 Tweets
Nebraska
• 35411 Tweets
Abel
• 29945 Tweets
Carti
• 29475 Tweets
#ブンブンジャー
• 25101 Tweets
Auburn
• 24168 Tweets
Talleres
• 24055 Tweets
#UFCVegas97
• 18724 Tweets
Medina
• 15765 Tweets
Willow
• 15755 Tweets
Bama
• 13979 Tweets
#ニノさん
• 13680 Tweets
Skullduggery
• 13293 Tweets
ショウマ
• 12907 Tweets
Herrera
• 12867 Tweets
ひろプリ
• 11876 Tweets
Pinned Tweet
My new portfolio is live!
It features an interactive device for you to play with, the interactions I've shared here in the past + some written case studies of my work.
Made with Tailwind and Framer Motion, powered by NextJS.
35
23
413
Fluid transaction button.
Made with Tailwind and Framer Motion. Concept by
@family
.
Tweaked
@wickedmishra
code to persist the transaction text, as
@lochieaxon
advised.
7
11
287
Expand Image interactions
Made with Framer Motion and TailwindCSS for my new portfolio. Inspired by
@vaunblu
4
4
66
Morphing navbar interaction
Inspired by
@KumailNanji
, built in
@nextjs
, with
@framer
motion and some SVG magic by
@jh3yy
9
2
56
Explosive image interaction
→ a quick reminder that humans exist beyond their ambitious professional lives
3
0
52
If you find a bug, experience a performance issue, or have any feedback, I want to know!
#buildinpublic
1
2
14
Liquid navbar interaction
Rebuilt the component for my upcoming portfolio release. Worked on the states, added animated icons + added little tooltips
Made with Tailwind and Framer Motion. Inspired by
@KumailNanji
Morphing navbar interaction
Inspired by
@KumailNanji
, built in
@nextjs
, with
@framer
motion and some SVG magic by
@jh3yy
9
2
56
2
0
8
@FonsMans
I feel insulted
Explosive image interaction
→ a quick reminder that humans exist beyond their ambitious professional lives
3
0
52
0
0
9
Interactive svg icons
Couldn't resist adding a touch of animation to my very first set of custom icons
1
0
8
Skeumorphic buttons
Design & interactions for a new project made with
@nextjs
,
@tailwindcss
&
@framer
motion
3
0
7
Minimalistic music player
Concept inspired by dieter rams & braun audio products, made with
@framer
motion
0
0
5
@vaunblu
This looks super clean! Makes me really wish we could find a touch and mobile equivalent to hovering a mouse over an object.
1
0
3
Great read:
Think I‘ll finally pull the trigger and get the animation course by
@emilkowalski_
tomorrow
0
0
3
@KumailNanji
@nextjs
@framer
@jh3yy
Huge thanks Kumail! I'm using this svg filter for the gooey effect:
1
0
3
Alternative version based on feedback by
@mai_sharmaji
This time the <AnimatePresence> gets mode = "wait" instead of "popLayout"
What a difference a word makes
Skeumorphic loading button
Practicing layout animations from «Animations on the web»
@emilkowalski_
1
0
2
1
0
2
@vaunblu
Thanks Vaun, means a lot coming from you.
I just tried and you are spot on! Removing the bounce makes it feel much better in this environment.
0
0
2
Skeumorphic loading button
Practicing layout animations from «Animations on the web»
@emilkowalski_
1
0
2
Interactive tuning scale
First concept in
@framer
motion, inspired by dieter rams,
@verse_
and
@raunofreiberg
0
0
2
@hvri5h
Thanks Harish, I'd be careful to strike a balance between keeping the reference and not copying the op-1 too closely. The k•no•b•1 by
@benfryc
and
@work_louder
was also a source of inspiration.
1
0
2
@hvri5h
@benfryc
@work_louder
Yes, I used to make music a few years ago and tried it once, but it didn't suit my musical style. Now I'm always thinking about getting one and putting it on my shelf just for the pleasure of looking at it.
Seeing
@ilyamiskov
studio always makes me jealous in that sense 😅
1
0
2
@wickedmishra
@KumailNanji
@nextjs
@framer
@jh3yy
Preet! Thanks! You're one of my daily inspirations on this platform to get better
1
0
2
@MarcusSowieso
@family
@wickedmishra
@lochieaxon
I will share all the code of the interaction fragments I share here on twitter in the next few days on my new portfolio website
0
0
2
@harshhhdev
great work! I‘m in the process of updating my personal site as well and appreciate the little details
0
0
1
1
0
1
1
0
1
0
0
1
@wickedmishra
Thanks Preet, means a lot! And thanks for Beta testing and providing feedback ♥️
1
0
1
@JararMalik
@KumailNanji
@nextjs
@framer
@jh3yy
Thanks Jarar! Good to see a fellow web3 degen here 🤝🏻
0
0
1
@shkliarau
Thanks Fedor, your book helped a lot with writing the case studies and overall positioning 🙏🏻
Yeah, that's a great idea that I've tossed around a few times but ultimately didn't make it into v1.
1
0
1
0
0
1
@pablofdrz
Thanks Pablo, those nested divs made staggering a bit harder than I would have liked, but the end result is worth it!
1
0
1
@derlukasg
@supabase
This is crazy! What does your setup look like? Chat with Claude in its native interface and copy paste code into Xcode or are you using something like
@cursor_ai
?
1
0
1
@ronaldsvilcins
Wow, thanks Ronalds - amazing to see my work up there alongside these great websites!
0
0
1
@uix_Ugo
@farrelput
I guess we need a clients website with some traffic and google analytics to find out 👀
0
0
1