soralabs

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

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

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

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

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

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

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

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 or out of showing.

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

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

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

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

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

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

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

A shadcn button that staggers per character or slides the whole label on hover, with a scaling background layer.

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

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

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.

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

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

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

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

Cycling headline built with TextLoop.

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

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

Live text morph driven by a controlled input.

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.

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

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

Scroll-triggered masked text reveal with rich text emphasis.

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

Interactive copy button with chromatic text roll feedback.

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.

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

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.

A character-by-character reveal where each glyph ripples through randomized pill, accent, and outline states before settling into plain text. Adjacent same-state chars merge into rounded bars, and it's themed entirely through CSS variables.

A stacked headline that cascades in line by line, each character rippling through pill and accent states before settling into plain text.

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 Motion-powered hook that allows you to check if an element is in view.

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

Dependency-free custom video player: modal overlay, chaptered timeline, hover-scrub preview, speed menu, picture-in-picture, fullscreen, keyboard shortcuts, and focus trapping.