@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.
This 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
This 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
This 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
Pleasantly 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
This 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
10 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 #codepen
10 Cool CodePen demos
10 Cool CodePen demos from June 2026
alvaromontoro.com
This 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
A 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...
A 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...
This 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
I'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.social
Fun, animated link effects using paths and GSAP
...
codepen.io
A 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
A set of custom, glitchy checkboxes with @gsap-greensock.bsky.social on @codepen.io: codepen.io/jdillon/pen/... #JS #GSAP #UI
Whimsical, bouncy navigation with @gsap-greensock.bsky.social on @codepen.io: codepen.io/jdillon/pen/... #JS #GSAP #UI
A custom set of smooth, retro-futuristic radio buttons with @gsap-greensock.bsky.social on @codepen.io: codepen.io/jdillon/pen/...
Another set of retro futuristic, neon radio buttons with @gsap-greensock.bsky.social on @codepen.io: codepen.io/jdillon/pen/...
🤓 Fun, glitchy neon navigation with @gsap-greensock.bsky.social on @codepen.io: codepen.io/jdillon/pen/... #JS #GSAP #UI
Glitchy neon navigation with GSAP
...
codepen.io
A variation of my custom elastic checkboxes with @gsap-greensock.bsky.social from earlier this week on @codepen.io: codepen.io/jdillon/pen/... #JS #GSAP #SVG
Fun elastic checkboxes with GSAP v2
...
codepen.io
"Silky smooth toggles volume 2" by Josh Dillon codepen.io/jdillon/pen/...
My 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 #GSAP
Glitchy checkboxes with SVG and GSAP
...
codepen.io
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
Animated gradient buttons with GSAP and tsParticles
...
codepen.io
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
Retro futuristic radio buttons with GSAP
...
codepen.io
"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
Whimsical, bouncy navigation with GSAP
...
codepen.io
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/...
CodePen
codepen.io
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
Elastic neon radio buttons with GSAP and SVG
...
codepen.io
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
Glitchy neon radio buttons with GSAP
...
codepen.io