Lightnews — Scholar-powered news

Josh Dillon

@j-dillon.bsky.social

This has to be a @codepen.io record right? 😲

December 9, 2025 at 5:44 PM

Josh Dillon

@j-dillon.bsky.social

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

November 19, 2025 at 4:41 PM

Reposted by Josh Dillon

Josh Dillon

@j-dillon.bsky.social

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

December 4, 2024 at 4:04 PM

Reposted by Josh Dillon

CodePen

@codepen.io

"Whimsical SVG hover animation with GSAP" by Josh Dillon

codepen.io/jdillon/pen/...

November 3, 2025 at 10:16 PM

Josh Dillon

@j-dillon.bsky.social

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

November 4, 2025 at 4:02 PM

Josh Dillon

@j-dillon.bsky.social

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

October 30, 2025 at 4:50 PM

Josh Dillon

@j-dillon.bsky.social

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

September 24, 2025 at 6:44 PM

Reposted by Josh Dillon

Josh Dillon

@j-dillon.bsky.social

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

September 19, 2025 at 4:03 PM

Josh Dillon

@j-dillon.bsky.social

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

September 19, 2025 at 4:03 PM

Josh Dillon

@j-dillon.bsky.social

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

Retro futuristic radio buttons with GSAP v10

...

codepen.io

September 5, 2025 at 3:32 PM

Josh Dillon

@j-dillon.bsky.social

✨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

Whimsical SVG hover animation with GSAP

...

codepen.io

August 20, 2025 at 4:30 PM

Josh Dillon

@j-dillon.bsky.social

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 GSAP animated checkboxes

...

codepen.io

July 2, 2025 at 5:14 PM

Josh Dillon

@j-dillon.bsky.social

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

Glitchy GSAP animated checkboxes

...

codepen.io

June 30, 2025 at 5:34 PM

Josh Dillon

@j-dillon.bsky.social

🎨 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

Colourful GSAP animated SVG radio buttons

...

codepen.io

June 3, 2025 at 6:13 PM

Reposted by Josh Dillon

Álvaro Montoro

@alvaromontoro.com

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!

10 Cool CodePen demos

10 Cool CodePen demos from March 2025

alvaromontoro.com

April 2, 2025 at 6:22 PM

Josh Dillon

@j-dillon.bsky.social

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

VFX-JS - a Collection by Josh Dillon on CodePen

codepen.io

April 1, 2025 at 2:53 PM

Josh Dillon

@j-dillon.bsky.social

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

Glitchy button hover effect with VFX-JS

...

codepen.io

March 27, 2025 at 3:48 PM

Josh Dillon

@j-dillon.bsky.social

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

Portfolio navigation with VFX-JS

...

codepen.io

March 26, 2025 at 3:58 PM

Josh Dillon

@j-dillon.bsky.social

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

codepen.io/collection/j...

GSAP animated navigation - a Collection by Josh Dillon on CodePen

codepen.io

March 24, 2025 at 5:18 PM

Josh Dillon

@j-dillon.bsky.social

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