Reposted by Josh DillonJosh Dillon @j-dillon.bsky.social · 11/08/2026This week I'm sharing a set of custom glitchy radio buttons animated with an SVG displacement filter and @gsap-greensock.bsky.social rough easing on @codepen.io: codepen.io/editor/jdill... #JS #SVG #GSAP 034
Josh Dillon @j-dillon.bsky.social · 11/08/2026This week I'm sharing a set of custom glitchy radio buttons animated with an SVG displacement filter and @gsap-greensock.bsky.social rough easing on @codepen.io: codepen.io/editor/jdill... #JS #SVG #GSAP 034
Reposted by Josh DillonJosh Dillon @j-dillon.bsky.social · 23/07/2026This is a variant of my glitchy nav pen from a few weeks ago that used an SVG displacement filter and GSAP to animate nav items. This time, I updated the displacement to use vertical stripes instead of horizontal and the result is a fresh effect: codepen.io/jdillon/pen/... #GSAP @codepen.io 101
Josh Dillon @j-dillon.bsky.social · 31/07/2026@codepen.io I'm having trouble linking to a 2.0 pen on the GSAP forum (404), but linking to a classic pen seem to work. I'm sure I saw a post showing how to create a classic pen, but I can't find it. 100
Josh Dillon @j-dillon.bsky.social · 27/07/2026This week I'm sharing a navigation element with a custom glitchy underline effect using @gsap-greensock.bsky.social . It also uses the scramble text plugin to add a hover effect to each navigation item: codepen.io/jdillon/pen/OPLdBMP #JS #GSAP 020
Josh Dillon @j-dillon.bsky.social · 23/07/2026This is a variant of my glitchy nav pen from a few weeks ago that used an SVG displacement filter and GSAP to animate nav items. This time, I updated the displacement to use vertical stripes instead of horizontal and the result is a fresh effect: codepen.io/jdillon/pen/... #GSAP @codepen.io 101
Josh Dillon @j-dillon.bsky.social · 14/07/2026This week I'm sharing a custom icon navigation that combines @gsap-greensock.bsky.social elastic easing with mix-blend-mode to create a neon glitch effect. See it live on @codepen.io: codepen.io/jdillon/pen/... #JS #GSAP 030
Reposted by Josh DillonChristian Alder @hejchristian.com · 07/07/2026Pleasantly surprised to see one of my CodePen demos passed 1,000 hearts 🥺🥰 Folks might think it's silly, but these little things mean a lot to me as someone that's constantly fighting with myself that I'm not good enough. So thank you to everyone, it's a good boost ☺️ codepen.io/HejChristian #CSS 5624
Josh Dillon @j-dillon.bsky.social · 07/07/2026This week I'm sharing a navigation element that animates a displacement filter using @gsap-greensock.bsky.social rough easing. This creates a cool retro glitch effect, have a look on @codepen.io: codepen.io/jdillon/pen/... #JS #GSAP #SVG 072
Reposted by Josh DillonÁlvaro Montoro @alvaromontoro.com · 05/07/202610 Cool CodePen Demos - June 2026: web components, animations, colors, squiggly lines, button generators, and some generative art. alvaromontoro.com/10-cool-code... Pens from @cassidoo.co, @css-only.dev, @j-dillon.bsky.social, @liamegan.bsky.social, @meodai.bsky.social and more. #webdev #codepenalvaromontoro.com10 Cool CodePen demos10 Cool CodePen demos from June 2026 4165
Josh Dillon @j-dillon.bsky.social · 29/06/2026This week I'm sharing a custom portfolio navigation animated with @gsap-greensock.bsky.social elastic easing and using mix-blend-mode to create a unique effect: codepen.io/jdillon/pen/... #GSAP #JS #UI 031
Reposted by Josh DillonJosh Dillon @j-dillon.bsky.social · 22/06/2026A set of custom radio buttons with a neon glitch animation effect, achieved by animating stroke-dasharray with @gsap-greensock.bsky.social rough easing on @codepen.io 🤓: codepen.io/jdillon/full... 001
Josh Dillon @j-dillon.bsky.social · 22/06/2026A set of custom radio buttons with a neon glitch animation effect, achieved by animating stroke-dasharray with @gsap-greensock.bsky.social rough easing on @codepen.io 🤓: codepen.io/jdillon/full... 001
Josh Dillon @j-dillon.bsky.social · 15/06/2026This week I'm sharing a set of custom radio buttons that animate several SVG rectangle elements to create a retro futuristic feel using @gsap-greensock.bsky.social: codepen.io/jdillon/full... #JS #GSAP #UI #animation 1182
Josh Dillon @j-dillon.bsky.social · 11/06/2026I've added new variations to my latest pen that animates text along a path when a link is hovered on @codepen.io I'll continue adding variations as the effect is very versatile when combined with @gsap-greensock.bsky.social: codepen.io/jdillon/full... #gsap #JS #UI @madewithgsap.bsky.socialcodepen.ioFun, animated link effects using paths and GSAP... 031
Josh Dillon @j-dillon.bsky.social · 08/06/2026A set of 8 links that animate text along a path with @gsap-greensock.bsky.social using elastic easing. I made four base animations and then gave each one an energetic version, which nicely demonstrates the versatility of elastic easing: codepen.io/jdillon/full... #GSAP #JS #UI 000
Josh Dillon @j-dillon.bsky.social · 20/05/2026A set of custom, glitchy checkboxes with @gsap-greensock.bsky.social on @codepen.io: codepen.io/jdillon/pen/... #JS #GSAP #UI 040
Josh Dillon @j-dillon.bsky.social · 29/04/2026Whimsical, bouncy navigation with @gsap-greensock.bsky.social on @codepen.io: codepen.io/jdillon/pen/... #JS #GSAP #UI 071
Josh Dillon @j-dillon.bsky.social · 27/04/2026A custom set of smooth, retro-futuristic radio buttons with @gsap-greensock.bsky.social on @codepen.io: codepen.io/jdillon/pen/... 010
Josh Dillon @j-dillon.bsky.social · 24/04/2026Another set of retro futuristic, neon radio buttons with @gsap-greensock.bsky.social on @codepen.io: codepen.io/jdillon/pen/... 021
Josh Dillon @j-dillon.bsky.social · 16/04/2026🤓 Fun, glitchy neon navigation with @gsap-greensock.bsky.social on @codepen.io: codepen.io/jdillon/pen/... #JS #GSAP #UIcodepen.ioGlitchy neon navigation with GSAP... 010
Josh Dillon @j-dillon.bsky.social · 10/04/2026A variation of my custom elastic checkboxes with @gsap-greensock.bsky.social from earlier this week on @codepen.io: codepen.io/jdillon/pen/... #JS #GSAP #SVGcodepen.ioFun elastic checkboxes with GSAP v2... 000
Josh Dillon @j-dillon.bsky.social · 08/04/2026Fun elastic checkboxes with @gsap-greensock.bsky.social on @codepen.io: codepen.io/jdillon/pen/... #GSAP #JScodepen.ioFun elastic checkboxes with GSAP... 001
Reposted by Josh DillonCodePen @codepen.io · 14/02/2026"Silky smooth toggles volume 2" by Josh Dillon codepen.io/jdillon/pen/... 0122
Josh Dillon @j-dillon.bsky.social · 04/02/2026My first pen of 2026 is another set of glitchy, colourful checkboxes animated with @gsap-greensock.bsky.social: codepen.io/jdillon/full... @codepen.io #JS #UI #GSAPcodepen.ioGlitchy checkboxes with SVG and GSAP... 021
Josh Dillon @j-dillon.bsky.social · 19/11/2025I 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 #animationcodepen.ioAnimated gradient buttons with GSAP and tsParticles... 010
Reposted by Josh DillonJosh Dillon @j-dillon.bsky.social · 04/12/2024I'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 #CSScodepen.ioRetro futuristic radio buttons with GSAP... 011
Reposted by Josh DillonCodePen @codepen.io · 03/11/2025"Whimsical SVG hover animation with GSAP" by Josh Dillon codepen.io/jdillon/pen/... 0103
Josh Dillon @j-dillon.bsky.social · 04/11/2025Whimsical, bouncy navigation with GSAP and SVG on @codepen.io: codepen.io/jdillon/full... @gsap-greensock.bsky.social #GSAP #SVG #JScodepen.ioWhimsical, bouncy navigation with GSAP... 021
Josh Dillon @j-dillon.bsky.social · 30/10/2025I ❤️ @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/...codepen.ioCodePen 011
Josh Dillon @j-dillon.bsky.social · 24/09/2025A 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 #SVGcodepen.ioElastic neon radio buttons with GSAP and SVG... 000
Reposted by Josh DillonJosh Dillon @j-dillon.bsky.social · 19/09/2025Retro-futuristic neon radio buttons with glitchy GSAP strokes + glowing shadows, live on @codepen.io: codepen.io/jdillon/pen/... @gsap-greensock.bsky.social #svg #gsap #jscodepen.ioGlitchy neon radio buttons with GSAP... 001
Josh Dillon @j-dillon.bsky.social · 19/09/2025Retro-futuristic neon radio buttons with glitchy GSAP strokes + glowing shadows, live on @codepen.io: codepen.io/jdillon/pen/... @gsap-greensock.bsky.social #svg #gsap #jscodepen.ioGlitchy neon radio buttons with GSAP... 001
Josh Dillon @j-dillon.bsky.social · 05/09/2025Retro-futuristic SVG radio buttons powered by GSAP ✨ Live demo on CodePen: codepen.io/jdillon/pen/... @gsap-greensock.bsky.social #JS #GSAP #SVGcodepen.ioRetro futuristic radio buttons with GSAP v10... 000
Josh Dillon @j-dillon.bsky.social · 20/08/2025✨Fun and whimsical hover effect using SVG paths and GSAP on @codepen.io: codepen.io/jdillon/full... @gsap-greensock.bsky.social #SVG #GSAP #JS #UIcodepen.ioWhimsical SVG hover animation with GSAP... 051
Josh Dillon @j-dillon.bsky.social · 02/07/2025Added 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 #SVGcodepen.ioGlitchy GSAP animated checkboxes... 000
Josh Dillon @j-dillon.bsky.social · 30/06/2025⚡ Glitchy checkboxes animated with @gsap-greensock.bsky.social 🎯 codepen.io/jdillon/full... @codepen.io #GSAP, #SVG, #JScodepen.ioGlitchy GSAP animated checkboxes... 130
Josh Dillon @j-dillon.bsky.social · 03/06/2025🎨 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 #UIcodepen.ioColourful GSAP animated SVG radio buttons... 031
Reposted by Josh DillonÁlvaro Montoro @alvaromontoro.com · 02/04/202510 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!alvaromontoro.com10 Cool CodePen demos10 Cool CodePen demos from March 2025 141
Josh Dillon @j-dillon.bsky.social · 01/04/2025My modest, but growing collection of pens using @amagi.dev's VFX-JS javascript library on @codepen.io: codepen.io/collection/J... #js #vfxcodepen.ioVFX-JS - a Collection by Josh Dillon on CodePen 031
Josh Dillon @j-dillon.bsky.social · 27/03/2025Another VFX-JS demo on @codepen.io, this time a glitchy button hover effect: codepen.io/jdillon/full... #js #vfx-js #glitchcodepen.ioGlitchy button hover effect with VFX-JS... 000
Josh Dillon @j-dillon.bsky.social · 26/03/2025I'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-jscodepen.ioPortfolio navigation with VFX-JS... 010
Josh Dillon @j-dillon.bsky.social · 24/03/2025My collection of six @gsap-greensock.bsky.social animated portfolio navigation pens on @codepen.io #js #css #gsap #svg codepen.io/collection/j...codepen.ioGSAP animated navigation - a Collection by Josh Dillon on CodePen 000
Josh Dillon @j-dillon.bsky.social · 19/03/2025Another 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 #animationcodepen.ioFluid portfolio navigation with GSAP v2... 000
Josh Dillon @j-dillon.bsky.social · 05/03/2025Fluid and slightly morbid navigation with @gsap-greensock.bsky.social on @codepen.io: codepen.io/jdillon/full... #js #gsap #svgcodepen.ioFluid and slightly morbid navigation with GSAP... 051
Josh Dillon @j-dillon.bsky.social · 03/03/2025A 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 #svgcodepen.ioAnimated navigation with GSAP, mix-blend-mode and boxicon web components v2... 000
Josh Dillon @j-dillon.bsky.social · 27/02/2025My growing collection of GSAP animated navigation pens on @codepen.io @gsap-greensock.bsky.social: codepen.io/collection/j... #js #gsap #csscodepen.ioGSAP animated navigation - a Collection by Josh Dillon on CodePen 021
Josh Dillon @j-dillon.bsky.social · 25/02/2025Glitchy navigation using @gsap-greensock.bsky.social, mix-blend-mode and boxicon web components on @codepen.io: codepen.io/jdillon/pen/... #js #css #gsap #svgcodepen.ioGlitchy navigation with GSAP, mix-blend-mode and boxicon web components... 011
Josh Dillon @j-dillon.bsky.social · 31/01/2025Portfolio navigation pen with @gsap-greensock.bsky.social elastic easing and #SVG elements on @codepen.io: codepen.io/jdillon/pen/... #CSS #JS #GSAPcodepen.ioElastic portfolio navigation with GSAP... 000
