A variation of my glitchy neon radio buttons from last week, this time using elastic easing instead of rough, giving them a fresh feel. GSAP sure makes it easy 🤓 codepen.io/jdillon/pen/... @gsap-greensock.bsky.social @codepen.io #JS #GSAP #SVG

Retro-futuristic neon radio buttons with glitchy GSAP strokes + glowing shadows, live on @codepen.io: codepen.io/jdillon/pen/... @gsap-greensock.bsky.social #svg #gsap #js

Retro-futuristic neon radio buttons with glitchy GSAP strokes + glowing shadows, live on @codepen.io: codepen.io/jdillon/pen/... @gsap-greensock.bsky.social #svg #gsap #js

Retro-futuristic SVG radio buttons powered by GSAP ✨ Live demo on CodePen: codepen.io/jdillon/pen/... @gsap-greensock.bsky.social #JS #GSAP #SVG

✨Fun and whimsical hover effect using SVG paths and GSAP on @codepen.io: codepen.io/jdillon/full... @gsap-greensock.bsky.social #SVG #GSAP #JS #UI

Added two variations to my Glitchy GSAP checkboxes on @codepen.io. Since they're configurable, simply setting random: false creates a completely different visual effect: codepen.io/jdillon/full... @gsap-greensock.bsky.social #JS #SVG

⚡ Glitchy checkboxes animated with @gsap-greensock.bsky.social 🎯 codepen.io/jdillon/full... @codepen.io #GSAP, #SVG, #JS

🎨 Colourful custom radio buttons powered by SVG + GSAP's step easing! 🔘 Smooth animations with a vibrant twist. Check it out on @codepen.io 👉 codepen.io/jdillon/full... Made with @gsap-greensock.bsky.social #JavaScript #SVG #GSAP #CodePen #UI

10 Cool CodePen demos from March 2025: alvaromontoro.com/10-cool-code... Super easy flex layouts, app designs, JavaScript games, stylish clocks, whimsical components, SVG filters and blends, Pi Day celebrations... and more!

My modest, but growing collection of pens using @amagi.dev's VFX-JS javascript library on @codepen.io: codepen.io/collection/J... #js #vfx

Another VFX-JS demo on @codepen.io, this time a glitchy button hover effect: codepen.io/jdillon/full... #js #vfx-js #glitch

I've been wanting to try out the VFX-JS library since I came across it, here is my first attempt on @codepen.io: codepen.io/jdillon/full... #js #vfx #css #vfx-js

My collection of six @gsap-greensock.bsky.social animated portfolio navigation pens on @codepen.io #js #css #gsap #svg codepen.io/collection/j...

Another variation of my fluid portfolio navigation with @gsap-greensock.bsky.social on @codepen.io. Simply turning off the gsap array shuffling creates a completely unique effect: codepen.io/jdillon/full... #js #gsap #svg #animation

Fluid and slightly morbid navigation with @gsap-greensock.bsky.social on @codepen.io: codepen.io/jdillon/full... #js #gsap #svg

A variation of my @gsap-greensock.bsky.social animated navigation pen from last week on @codepen.io, this time using elastic easing: codepen.io/jdillon/full... #js #gsap #svg

My growing collection of GSAP animated navigation pens on @codepen.io @gsap-greensock.bsky.social: codepen.io/collection/j... #js #gsap #css

Glitchy navigation using @gsap-greensock.bsky.social, mix-blend-mode and boxicon web components on @codepen.io: codepen.io/jdillon/pen/... #js #css #gsap #svg

Portfolio navigation pen with @gsap-greensock.bsky.social elastic easing and #SVG elements on @codepen.io: codepen.io/jdillon/pen/... #CSS #JS #GSAP

Glitchy portfolio navigation with @gsap-greensock.bsky.social, SVG elements and mix-blend-mode on @codepen.io: codepen.io/jdillon/pen/.... #css #javascript #svg #gsap

Came across this VFX-JS library: amagi.dev/vfx-js/, looks really cool, time for some experimentation 🤓

I think my collection of GSAP animated SVG radio buttons and check boxes is done for now. I had a lot of fun experimenting with easing and blend modes to create some cool effects 🤓 codepen.io/collection/r...

Another set of radio buttons animated using gsap, #SVG elements and mix-blend-mode: codepen.io/jdillon/pen/...

I'll have to stop tinkering with these GSAP animated radio buttons one day, but today is not that day 😉. Since the rect elements are randomized, the animation will be different every interaction: codepen.io/jdillon/pen/... #JS #javascript #CSS #GSAP

A variation of my custom radio buttons from last week: codepen.io/jdillon/pen/.... A lot of cool effects can be created from this just by experimenting with @gsap-greensock.bsky.social easing settings. #JS #JavaScript #CSS

Another set of retro futuristic radio buttons with GSAP, this time experimenting with mix-blend-mode. Seems like the possibilities are endless: codepen.io/jdillon/pen/... #JS #javascript #CSS #uiux

Another day, another group of radio buttons: codepen.io/jdillon/pen/.... Full collection here: codepen.io/collection/r.... #js #javascript #css #uiux

I've added five new animated radio button groups using gsap to my toggles collection on @codepen.io : codepen.io/collection/r... #js #javascript #UI #CSS

Version 2 of my retro futuristic radio buttons using @gsap.com - simply turning off the randomization of the rect elements creates a totally different effect: codepen.io/jdillon/pen/... #JS #javascript #CSS #SVG

Patiently waiting for the space heater to be turned on #chihuahua #dogsofbluesky #cute

There is a stark contrast between the content of my Twitter feed and @bsky.app feed. What a welcome breath of fresh air Bluesky has been ❤️

I've been experimenting with @gsap.com elastic easing and animating several small SVG shapes, which resulted in these retro futuristic radio buttons: codepen.io/jdillon/pen/... @codepen.io #js #javascript #CSS

This one is a little ridiculous, but I was learning CSS animation at the time and wanted to attempt something ambitious, the result was this wacky text input: codepen.io/jdillon/pen/... #js #javascript #css @codepen.io

Custom range input from the Batman: Arkham Knight game codepen.io/jdillon/pen/... #js #javascript #css @codepen.io

TIL: You can heart a pen on @codepen.io up to three times 🤯❤️

Animated clip-path buttons: codepen.io/jdillon/pen/... #js #javascript #css @codepen.io

Sign in form with theme switcher: codepen.io/jdillon/pen/... #js #javascript #css @codepen.io

Comfy little puppy 🙂 #dog #dogsofbluesky #chihuahua #cute

Animated sign in form with theme switcher: codepen.io/jdillon/pen/... #js #javascript #css @codepen.io

Customizable hamburger menu toggle with various effects: codepen.io/jdillon/pen/... #js #javascript #css @codepen.io

Swirling menu toggle effect: codepen.io/jdillon/pen/... #js #javascript #css #ui @codepen.io

Silky smooth, retro futuristic checkbox toggles volume 2: codepen.io/jdillon/pen/... #js #javascript #CSS #ui @codepen.io

Adjustable link text scramble effect: codepen.io/jdillon/pen/... #js #javascript #css @codepen.io

SVG link effects with GSAP: codepen.io/jdillon/pen/... #js #javascript #css #ui @codepen.io

Adjustable, transforming hamburger menu toggle: codepen.io/jdillon/pen/... #JS #javascript #CSS @codepen.io

Configurable, animated gradient buttons with #GSAP and #tsParticles codepen.io/jdillon/pen/... #JS #javascript #CSS

First @bsky.app post! Silky smooth, retro futuristic checkbox toggles: codepen.io/jdillon/pen/... @codepen.io #JS #javascript #CSS