ARCHIVELABSSPECSSIGNAL
© 2025 ARCHIVE_SYS
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

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

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