@soralabs

FAQ accordion with animated panels.

Card with animated border spotlight.

Submit-triggered border trail that loops twice then fades.

Textarea with a continuous gradient border trail.

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.

Shared sliding highlight pill moving between nav items on hover.

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

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 scrollable panel with progressive blur fading content under the top and bottom edges.

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.

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

Scrollable catalog preview with two centered link instances.

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

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

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 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.

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

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.

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

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

A fanned stack of cards that spring away from the cursor with GSAP-driven, velocity-based physics.

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 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.

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

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.

Preset-driven staggered text reveals with blur, fade, slide, and scale animations, 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.