@soralabs

A heart-particle sponsor link, styled after the anime.js navbar Sponsor button.

FAQ accordion with animated panels.

Pill tab bar expanding into a floating profile/notifications/settings panel.

Hover any avatar to reveal the author while the rest of the quote stream blurs out.

Card with animated border spotlight.

Submit-triggered border trail that loops twice then fades.

Textarea with a continuous gradient border trail.

A floating cursor label that elastic-pops into view over interactive links.

Full-page contact layout with cursor trail image reveals on desktop.

Custom cursor demo with Sora icons and shape variants.

Apple-style dock navigation demo with app icons.

Hero image slideshow cycling through a set of project preview screenshots.

Shared sliding highlight pill moving between nav items on hover.

Per-item fade background activated on click — menu list style.

Preview for the infinite stacked image scroll effect.

Staggered four-column logo swapper with blur and vertical motion.

A fanned stack of cards reacting to cursor movement with GSAP-driven spring physics.

A hoverable panel revealing a grid of pixels staggered by the selected pattern.

A scrollable panel with progressive blur fading content under the top and bottom edges.

Five chapters with a draggable, chaptered progress-bar nav — two of them opt out of showing a panel.

Sticky scroll slider with 4 slides, strip-mask transitions, and animated title swaps.

A profile card loading, then crossfading into content once ready.

Front card flips to reveal 4 stacked back cards that dismiss one at a time as you scroll.

Card tilting toward the cursor with layered depth content.

Tilt card with a moving light reflection following the tilt angle.

Image card with a subtle reversed tilt.

Trigger button that opens the modal video player with a sample chaptered video.

A settings panel reproduced with the Bottom Sheet primitive: a trigger, a hidden title, and a row list toggling a few mock settings.

Gradient sweep revealing a headline with a looping chromatic wash.

Scrollable catalog preview with two centered link instances.

Number Flow demo with currency, input overlay, and countdown examples.

The anime.js hero line, with the cursor flashing red only while collapsing/revealing.

Scroll-triggered text reveal with blur, fade, slide, and scale presets.

Cycling headline built with TextLoop.

Continue / Confirm pill button with per-character layout morph.

Live text morph driven by a controlled input.

Scroll-pinned manifesto copy with word-by-word highlight reveal.

Scroll-triggered masked text reveal with rich text emphasis.

Interactive copy button with chromatic text roll feedback.

A hook that allows you to automatically adjust the height of an element based on its content.

A hook that allows you to control a state.

A hook that tracks the OS-level Reduced Motion setting live, so GSAP-driven primitives can skip or shortcut their animations.

Shared cubic-bezier eases and Motion spring presets (press, swap, panel, layout, mouse) used across primitives to keep motion consistent.

A hook that allows you to create a strict context.

Shared GSAP ScrollTrigger helpers (window/scroller detection, ready/resize waiting) used by scroll-driven primitives.

A button with per-character stagger animation on hover.

A wrapper that emits glowing, pooled particles from the cursor while hovering any button or link.

A chip-style call-to-action link with a Motion-powered sliding label and rotating icon chips on hover.

An animated FAQ accordion with expandable panels, powered by Motion.

A pill-shaped tab bar that expands into a floating panel, with Motion driving the shell, label, and content transitions.

A flowing quote stream where each avatar reveals its author on hover, with Motion fading and blurring the rest.

Animated border spotlight that travels around a rounded container, powered by Motion.

A floating label that follows the cursor and elastic-pops into view over interactive targets, powered by GSAP.

Desktop cursor trail that reveals staggered image strips with clip-path wipes as the pointer moves.

A smooth custom cursor that morphs when hovering interactive targets, powered by Motion.

An Apple-style dock navigation bar with Motion-powered expanding icons and tooltips on hover.

Crossfading hero image slideshow with a progress pill, play/pause, and prev/next controls.

A Motion-powered highlight effect that allows you to highlight elements on hover, click or with a controlled value.

An infinite card stack that advances with wheel, touch, or keyboard input using spring-based Motion transitions.

Staggered logo column swapper with fade, vertical shift, and motion blur powered by Motion.

A fanned stack of cards that fling away from the cursor on release, with GSAP InertiaPlugin easing each one back to rest.

A canvas-based pixel grid that animates in on hover, with configurable reveal patterns.

A canvas-based image that resolves from a blocky, pixelated placeholder up to full sharpness as it loads.

An image card that reveals a second image through a randomized pixel grid on hover, powered by Motion.

A stacked-layer blur that ramps smoothly from sharp to fully blurred toward an edge, for fading content under a fixed header or above a scroll boundary.

A draggable, chaptered progress-bar nav — two-way cursor/scroll sync, ghost-cursor hover preview, snap-to-step seeking, and a per-chapter panel that can opt in…

A full-viewport sticky scroll slider with strip-mask image transitions and animated title swaps, driven by GSAP ScrollTrigger.

A loading placeholder with shimmer or fade variants, plus a transition that crossfades into real content once loading finishes.

Scroll-pinned hero where a front card flips to reveal a stack of back cards, dismissed one at a time as you keep scrolling.

3D tilt card that rotates toward the cursor on spring physics, with an optional glare reflection.

Dependency-free custom video player: modal overlay, chaptered timeline, hover-scrub preview, speed menu, picture-in-picture, fullscreen, keyboard shortcuts, an…

A draggable, snap-point bottom sheet built on Radix Dialog for accessibility, with Motion driving the drag gesture and glide.

A gradient sweep that reveals text with a chromatic wash, powered by Motion.

A link with a hand-drawn SVG underline that animates on hover, powered by Motion.

An animated, digit-by-digit number counter with a smooth rolling odometer effect, powered by Motion.

Per-character slot-machine reveal that rolls each letter into place once it scrolls into view, powered by Motion.

Cycles through a list of words with a per-character collapse/reveal transition and a trailing cursor glyph that wipes across the text between words.

Preset-driven staggered text reveals with blur, fade, slide, and scale animations, powered by Motion.

Cycles through a list of items with an enter/exit animation, powered by Motion.

Per-character layout morphing for labels, counters, and live text swaps, powered by Motion.

Line-by-line text reveal with a colored block wipe, powered by GSAP SplitText.

Scroll-pinned word-by-word text reveal with a highlight flash, powered by GSAP ScrollTrigger.

A scroll-triggered masked slide-up text reveal animation, powered by Motion.

A per-character vertical text roll animation for label swaps and micro-interactions, powered by Motion.

A text scramble reveal animation that decodes characters on mount or when re-triggered, powered by Motion.

A CSS-only link underline that slides through on hover.