Glass Sakura 🌸 @splinetool.bsky.social #3D #interactive #web

If you’re interested, my talk at @pixelpioneers.co in Bristol in June on 2D and 3D #animation is available to watch here 🙂 youtu.be/2xLKrHZ44qk?...

Glass Balloon Slider #ux #ui #3D #glass

Globules loader #motiondesign #3d #web @splinetool.bsky.social

Playing with Layer blur and buttons in Hana #ui #ux #interactive #motiondesign @splinetool.bsky.social

Glass Lights

Glass Blur Toggle #ui #ux #glass #component @splinetool.bsky.social

Playing around in Hana from @splinetool.bsky.social #interactive #motiondesign

It's super hot today so don't forget to drink water! #ux #ui #javascript #svg #water #weather

Fun #UI toggle for #Wimbledon fans!

I need help! Just delivered a project to a client that uses dashed lines in SVG whose attribute strokeDashoffset is animating giving the 'marching ants' vibe. Due to an iOS bug, this doesn't work on iOS. Anyone know a work-around? #javascript #ios #svg

For his @pixelpioneers.co Bristol talk on animating in 2D and 3D, @chrisgannon.bsky.social created this beautiful animation. Thanks for doing this, Chris! 😍

Another client interactive measurement tool that asks ‘How freely can you express yourself?’ I made this before the stepped slider and coding the dynamic bounce height was tricky! #ux #ui #measure #performance #animation

WIP of a client’s #ux measurement tool asking ‘How are you coping out?’ #design #ui #animation

Sneak peek at a WIP client project. This interactive component asks ‘How burnt out are you?’ #ui #interactive #motiondesign

Loving @chrisgannon.bsky.social’s talk We need more conference talks that explore whimsical stuff like animation on the web and show us the art of what’s possible #PixelPioneers

If you want to code along with me at 2:30 @pixelpioneers.co you can grab the Balloon Slider pen and fork it at codepen.io/chrisgannon 🫡

I’ll be doing doing a live code demo in @codepen.io and @splinetool.bsky.social at @pixelpioneers.co in Bristol tomorrow. Make sure you have an account if you want to follow along 🤓🙂

Everyone's going glass crazy so here's a glassy loader created using @splinetool.bsky.social #design #ui #animation #loader #apple

Here's my quick attempt at the Apple glass slider in @splinetool.bsky.social Happy to share this scene if there's enough interest! #ui #ux #apple #glass

Preparing talk ■■■■■■■■■□ 99% pixelpioneers.co/events/brist... @oliverlindberg.com

Can’t wait!

⏳ @pixelpioneers.co Bristol is just 1 month away! Meet this year's core speakers: 👉 @hidde.blog 👉 @chrisgannon.bsky.social 👉 @ohhelloana.blog 👉 @nearestnabors.com 👉 @tink.uk 👉 Rachel Ilan Simpson 👉 @jackf.io And stay tuned for news on the two lightning talks! pixelpioneers.co/events/brist...

Spin Toggle is a 3D #UI component that focuses on being clean, polished, functional and beautiful. @splinetool.bsky.social

Can’t wait!

We have another speaker announcement coming up this week. Make sure you're signed up to the newsletter to be among the first to find out who it is! 👀https://pixelpioneers.co/events/bristol-2025/#newsletter

A SVG/JS version of this threads.com/@framer.university/post/DI-y2Etx0h2

A slightly confusing but fully serviceable toggle for your #UI pleasure - made in pure #javascript with @gsap-greensock.bsky.social

After 16 fun-filled years, my bestest furry pal died on Saturday and I’m utterly heartbroken 💔💔

Juicy Loop #motion #animation #loop #threejs @splinetool.bsky.social

Dimensions #web #motion #threejs #design @splinetool.bsky.social

Zen Marble Here’s the @splinetool.bsky.social link my.spline.design/bubbleswirl-... #motiondesign #web #3D #ui

MORE is an interactive logo you can stretch s as d play with #design #typography #interactive #code

Stranded #motiondesign #art

Space Toggle #3D #UI #spline #interactive

Modern Times is a dual-face 3D clock @splinetool.bsky.social #threejs #3D #clock #design

Merry Christmas everyone! Let’s hope 2025 is an improvement on 2024 (honestly I don’t think it would be hard) 🙃

Some recent explorations with @splinetool.bsky.social #geometry #motiongraphics #animation #motiondesign

Trying out some new ideas to challenge myself on the 'usual' ways of building things. #ui #3D #motiondesign @splinetool.bsky.social

Diamond Lens #motiondesign #3D #abstract #art @splinetool.bsky.social

Colour Lens You can download this @splinetool.bsky.social file here app.spline.design/community/fi... #motiondesign #visualart

Search Bubbles #animation #threejs #ui

beLIEve #3D #motion #art #believe

the start of something #art #motion #design #typography

slowcreep #art #motion #design

I’m having a Black Friday sale! gannon.tv/shop #BlackFriday #motiondesign

Softcore #visualart #3D #motiondesign @splinetool.bsky.social

Glass Angel #motion #visualart #design

Amongst everything else, I've been working on a 3D AI chatbot to help with mental health exercises. The assistant voice part is AI and the design, 3D and animation is by me. It's pretty rough around the edges right now but as they say, everything starts out ugly! #AI #chatbot #assistant #3D #design