Post

@davidnightjet.bsky.social

📌

David F. 🚞

📌

😍

Amazing. 🙂 Do you mind if I use this on my bluesky related app?

Go for it!

Thanks, much appreciated 🦋

Awesome ♥️

so sweet

So pretty 🥰 We made a package for it in @toddle.dev: flutterby.toddle.site

flutterby.toddle.siteFlutterby - Bluesky profile linkFlutterby is a bluesky profile link by Phil Hawksworth.

📌

oh this is lovely; thank you! i've gone ahead an incorporated it into mine: marko.tech - made it an outline. accreddited you on the uses page in the `This Site's Dev Stack` section.

marko.techMarko Bajlovicpragmatic, progressive, multidisciplinary creative, data scientist & full stack dev. occasional avid beach goer.

Love it! And thanks!

Just added to my site. Thank you! Love little details like this.

Hooray!

this is bloody lovely mate

Thanks! 🦋

@codingpanda.bsky.social

📌

CodingPanda

@codingpanda.bsky.social

Thank you!!

You are most welcome!

Dani Akash 🧪💥

@daniakash.com

daniakash.comDani AkashDani Akash's personal website featuring insightful blogs, engaging talks, and innovative projects. Explore content on writing, speaking, and hacking, and stay updated with the latest trends in technol...

Looks great on my pages! daniakash.com daniakash.com/about/

Yes it does! 🎉

For some reason the rotate css isn't applying. There's another post on here where someone added tailwind classes. Not sure if it'll fix it, but the classes are: "group-hover:rotate-[-5deg] group-focus:rotate-[-5deg] transition-transform duration-500"

Andreas Møller

@andreasmoller.dk

flutterby.toddle.siteFlutterby - Bluesky profile linkFlutterby is a bluesky profile link by Phil Hawksworth.

This is fantastic. Just added it as a package in @toddle.dev flutterby.toddle.site

Well, this is glorious

Rasmus Fløe

@phloe.co

TBH Bluesky ought to adopt that angle on the butterfly; the existing alignment gives off major Rorschach or dead-insect-pinned-to-board vibes 🤷

eason.blogHumanizing Hiring · Lee Eason's personal blogWhat is it like to search for a job or hire someone today, and why on earth are we tolerating this mess? Why is it so hard to fix the job seeking and hiring process? Plus you get to play with anothe...

Ha! Well, I very deliberately transition away from, but then back to, the original orientation so that it remains faithful. But the angle and the ever-so slightly asymmetric flutter was meant to feel organic and "life like". I'm glad you like it

love it! ❤️

awesome

@moeritz.io wanna help me implement this in my footer?

done ✅

That is very, very cute. I love it.

📌

Beautiful!

Thank you for sharing this! I just updated my blog to use it. Example for proof: eason.blog/posts/2024/1...

Lovely to see it!

very cute. (I also saw a thing going round a fwe months ago that explained that the butterfly was actually dead…)

Stuart Robson

@sturobson.com

No, no, 'e's uh,...he's resting.

Hmmm. Let’s re-animated the little perisher 🤩

Newton Nyambati 🇰🇪

@newton.co.ke

Cool! Will use this very soon.

Andrew James

@ajames.dev

That’s this evening’s task sorted then. Thanks for this!

I'm hoping it won't take up too much of your evening :)

Andrew James

@ajames.dev

We do this not because it is easy, but because we think it will be easy

This needs to be a t-shirt

Raptor

@raptorino.com

thank you! I'll be using this

Ender Bonnet

@enbonnet.com

Added to me website, thank you. enbonnet.com

Yay! Looking good.

📌

The icon does not "flutter" for me. It only turns a bit to the left, no other animations, unlike in the video. Tested in Firefox, Chrome, Safari on macOS (all most recent stable versions) Am I doing something wrong?

developer.mozilla.orgprefers-reduced-motion - CSS: Cascading Style Sheets | MDNThe prefers-reduced-motion CSS media feature is used to detect if a user has enabled a setting on their device to minimize the amount of non-essential motion. The setting is used to convey to the brow...

That is its behaviour for anyone who prefers reduced motion in their browsers. Do you have that setting enabled by any chance? developer.mozilla.org/en-US/docs/W...

Archived fry69

@fry69.altq.net

Thank you for the hint. macOS allows to set reduced motion system wide and this propagates to all browsers (a bit impressive btw). Now the butterfly flutters :)