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 · 13/08/2026The "Ohhh typey type type" at the beginning kills me 😆 000
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/2026Ah! codepen.io/pen still creates a classic pen 👍codepen.ioCodePen - Create a New Pen... 100
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 · 20/07/2026What about your Bluesky friends? Can they expect tapas too?? 😜 000
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 · 09/07/2026There's a reason your pen has surpassed 1000 hearts, and that reason is you're beyond good enough 🙂. Your creativity shines through in your work, and I look forward to seeing what's next from you. Congrats on the milestone Christian 🙂 110
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 · 22/10/2025Since 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. 030
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
