@j-dillon.bsky.social
Fullstack dev
I made a set of configurable rainbow gradient buttons with confetti effects on @codepen.io. They’re ridiculously fun to spam-click 😜
codepen.io/jdillon/full...
#gsap #ui #animation
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
04.12.2024 16:04 — 👍 2 🔁 1 💬 0 📌 0My hometown's claim to fame 😀
06.11.2025 16:40 — 👍 0 🔁 0 💬 0 📌 0"Whimsical SVG hover animation with GSAP" by Josh Dillon
codepen.io/jdillon/pen/...
Whimsical, bouncy navigation with GSAP and SVG on @codepen.io: codepen.io/jdillon/full...
@gsap-greensock.bsky.social #GSAP #SVG #JS
I ❤️ @codepen.io and I'm always happy when one of my pens makes it into their weekly newsletter.
This week, a set of my Glitchy @gsap-greensock.bsky.social animated checkboxes was featured 😁
codepen.io/spark/479
codepen.io/jdillon/pen/...
Since we use Jira, I always prefix my branch names with the issue number, and since the rest of our team also adopted this, it’s really easy to identify which branch needs to be checked out for code review etc.
22.10.2025 16:59 — 👍 3 🔁 0 💬 0 📌 0
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
Thanks Christian! Glad you enjoyed them, thanks for having a look 🙂
30.06.2025 19:27 — 👍 1 🔁 0 💬 0 📌 0
⚡ Glitchy checkboxes animated with @gsap-greensock.bsky.social
🎯 codepen.io/jdillon/full...
@codepen.io #GSAP, #SVG, #JS
Hey, same here! I went to my Best Buy at noon and they still had quite a few bundles 👍. The rest of the work day is going to crawl by 🕔
05.06.2025 17:26 — 👍 1 🔁 0 💬 0 📌 0
🎨 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
05.03.2025 18:42 — 👍 6 🔁 1 💬 0 📌 0
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
03.03.2025 18:33 — 👍 1 🔁 0 💬 0 📌 0My growing collection of GSAP animated navigation pens on @codepen.io @gsap-greensock.bsky.social: codepen.io/collection/j... #js #gsap #css
27.02.2025 17:06 — 👍 2 🔁 1 💬 0 📌 0
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
25.02.2025 17:21 — 👍 1 🔁 1 💬 0 📌 0
Portfolio navigation pen with @gsap-greensock.bsky.social elastic easing and #SVG elements on @codepen.io: codepen.io/jdillon/pen/... #CSS #JS #GSAP
31.01.2025 19:03 — 👍 0 🔁 0 💬 0 📌 0
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
29.01.2025 18:19 — 👍 3 🔁 1 💬 0 📌 0
Came across this VFX-JS library: amagi.dev/vfx-js/, looks really cool, time for some experimentation 🤓
27.01.2025 17:43 — 👍 0 🔁 0 💬 0 📌 0
