LOADING SYS...
LOADING SYS...
LOADING SYS...
LOADING SYS...
LOADING SYS...
LOADING SYS...
LOADING SYS...
LOADING SYS...
LOADING SYS...
LOADING SYS...
SYSTEM NOTIFICATION
SYSTEM READY
⚠ RESTRICTED AREAR&D FACILITY
LABS.IDX
Functional micro-interactions and UI experiments. Hover or click the cards below to test the code in real-time.
EXP-001
VISUAL NOISE
SVGFILTER
SCROLLING SCROLLING SCROLLING
SCROLLING SCROLLING SCROLLING
SCROLLING SCROLLING SCROLLING
SCROLLING SCROLLING SCROLLING
SCROLLING SCROLLING SCROLLING
CSS ONLY ANIMATION
Marquee style layout with rotated text background using pure CSS.
DIFFICULTY: EASY
EXP-002
SIMPLE ACCORDION
REACTSTATE
Expanded content visible here.
Classic expand/collapse component with GSAP height animation.
DIFFICULTY: EASY
EXP-003
CURSOR FOLLOWER
GSAPMOUSE
[ MOVE MOUSE HERE ]
Custom cursor element that trails the mouse position with delay.
DIFFICULTY: EASY
EXP-004
HACKER TEXT
JSALGO
GLITCH_MODE
Random character shuffling effect that resolves to original text on hover.
DIFFICULTY: EASY
EXP-005
PIXEL REVEAL
GRIDCSS
HIDDEN
Interactive grid overlay that vanishes on hover to reveal content.
DIFFICULTY: MEDIUM
EXP-006
CLIP REVEAL
GSAPMASK
HOVER ME
REVEALED
Text animation using CSS clip-path inset property driven by GSAP.
DIFFICULTY: MEDIUM
EXP-007
3D TILT CARD
GSAPMATH
MOUSE
TRACKER
TRACKER
Interactive 3D rotation based on mouse coordinates relative to element.
DIFFICULTY: MEDIUM
EXP-008
PARALLAX DEPTH
GSAPMOUSE
DEPTH
Multi-layer parallax effect reacting to mouse position intensity.
DIFFICULTY: HARD
EXP-009
MAGNETIC BTN
GSAPPHYSICS
Button element that acts like a magnet, attracted to cursor position.
DIFFICULTY: HARD