Experiments

Live code sketches and UI explorations.

Ask Badger

Codepen
GSAP + Locomotive Scrolling Landing Page
POC of scroll interaction web page
Dec 2025
Codepen
Spotlight Navigation POC - GSAP Enhanced
POC of different navigation hover effects I am exploring
Dec 2025
Codepen
CSS Grid Tabs - Responsive Desktop/Mobile (2025)
Modern tab interface using native HTML <details> elements with CSS Grid & Subgrid - NO JavaScript required!
Oct 2025
Codepen
Custom Cursor with Video Trigger
A vanilla JavaScript implementation of a custom animated cursor that activates when hovering.
Oct 2025
Home Interactive 3D Model
This represents a 3D model created from the SVG vector graphic, as if processed through Blender.
Sep 2025
Codepen
Dynamic Text with CSS mix-blend-mode
The "difference" blend mode automatically inverts colors beneath the text
Sep 2025
Codepen
Chrome Mirror Ball - Real-time 3D Environment Reflections
Interactive 3D scene featuring a floating chrome sphere with perfect real-time environment mapping
Aug 2025
Codepen
Hover & Modal Slides
Product cards with direction-aware hover effects
Jul 2025
Codepen
Slide Notifications
A complete notification system
Jul 2025
Codepen
Scroll & Slide
Cards that slide in from different directions when they enter the viewport
Jul 2025
Codepen
GSAP Scroll-Triggered Hero Animation
Web interaction demonstrating a smooth scroll-triggered animation
Jun 2025
Codepen
3D Card hover effect
Interactive 3D card component built with Three.js
Jun 2025
Codepen
PIXEL FORGE
Creative agency portfolio landing page with masonry-style squircle project showcases
Jun 2025
Codepen
NeuralSync Pro
Futuristic tech product hero section featuring 6 animated squircle cards
Jun 2025
Codepen
Squircles Showcase
Comprehensive squircle showcase exploring multiple CSS & SVG techniques!
Jun 2025
Codepen
Container Queries Movie Cards
Movie Streaming Cards CodePen example that showcases Container Queries in action
Jun 2025
Codepen
Drag and Drop Puzzle
This demonstration showcases a pure JavaScript implementation of drag and drop functionality without relying on libraries
May 2025
Codepen
MutationObserver Magic Show
An interactive playground that demonstrates the power of JavaScript's MutationObserver
May 2025
Codepen
Interactive Filter Demo
This text box uses an SVG filter to create a crumple effect
May 2025
Codepen
Cicada Principle Interactive Demo
Interactive demo showcases the Cicada Principle in action
May 2025
Codepen
Global Technology Index Dashboard
This proof of concept demonstrates an interactive data visualization platform
May 2025
Codepen
Project Budget Planner
A fully interactive project budget management tool built with React.
May 2025
Codepen
3D Card shuffle
A 3D interactive card stack built with Three.js and React.
May 2025
Codepen
Slide Reveal Card
A hover-interactive card that reveals content through animated transitions.
May 2025
Codepen
Tilted 3D Card with Parallax
A 3D interactive card that tilts based on mouse movement.
May 2025
Codepen
Animated Chart
Animated Pie chart.
May 2025
Codepen
TailwindCSS Mobile Menu
Using Tailwindcss for a responsive menu, with animations.
May 2025
Codepen
3D Text Animation
3D animated text using Adobe Illustrator, Blender, and ThreeJS
Aug 2024