Autonomous kinetic primitives engineered natively across 13 frontend ecosystems. Zero external animation runtimes, 120 FPS compositor execution, and 100% source ownership.
Every interaction below is the shipped component running in this page — analytic springs and pointer fields written against native primitives, with no animation library underneath.
Sub-pixel gyroscopic perspective driven by harmonic spring math.
Radial border illumination running directly on the compositor thread.
Stop fighting bloated NPM dependency trees. Exhuma adapts idiomatic component code directly into your repository with zero runtime debt.
No Framer Motion or GSAP runtime dependencies. Spring math executes directly on the browser compositor thread with a guaranteed 120 FPS floor.
Svelte gets Runes ($state), Angular gets Signals, Vue gets Composition, React gets direct DOM refs. Never cross-compiled through an AST bridge.
Guaranteed listener detaching, ResizeObserver disconnects, and spring physics cancellation on component unmount. Zero memory leaks across client transitions.
All 20 components engineered under the Exhuma Kinetic Methodology across 13 target ecosystems.
Layered 3D sticky stack cards with progressive scroll depth scale decay and reverse scaling exit mechanics.
Pinned kinetic viewport camera that seamlessly translates horizontal cards in 1:1 synchronization with vertical page scroll (Brix Agency architecture).
Pure CSS multi-column responsive masonry layout with zero external JavaScript runtime overhead.
Greedy dynamic row-by-row masonry balancer placing items into the shortest column with GPU translate3d positioning.
Responsive CSS Grid with auto-fit / auto-fill minmax repeat tracks with zero media queries.
Interactive 3D mouse-tracking card tilt with smooth gyroscopic physics, spring damping, and reverse mode.
Dynamic 2D spatial coordinate tracking with sub-pixel radial border illumination mask and smooth exponential smoothing.
Dynamic active rect geometry tracking with a floating spring indicator and roving focus keyboard navigation.
Zero-jank dynamic height disclosure using CSS Grid 0fr to 1fr interpolation with morphing plus/minus icon and clean theme elevation.
High-performance rAF continuous translation loop with modulo wrap, exponential hover damping, and zero external animation libraries.
Fluid responsive layout engine with dense auto-flow, asymmetric card spans, and subtle kinetic hover glow.
Rhombic symmetrical diamond column distribution [1, 2, 3, 4, 3, 2, 1] with container-query responsive collapse.
Zero-runtime CSS perimeter laser trace with hardware mask clipping and sub-pixel compositing.
High-performance kinetic floating application dock with continuous C1-cosine proximity distribution, multi-directional orientation, and zero layout thrashing.
Analytical easeOutExpo numerical counter with direct DOM textContent manipulation and zero external animation libraries.
Inverted spring pull field button that magnetically attracts cursor proximity with critically damped release snaps.
Velocity-sensitive multi-card swipe stack with Euler angular rotation, circular velocity ring buffer, elastic last-card resistance, and zero external animation libraries.
Interactive before/after media comparison slider with sub-pixel clip-path polygon slicing and WAI-ARIA keyboard navigation.
Copy canonical components into your codebase with one command. Read the source, tweak the springs, and ship.
One command pulls the canonical primitive directly into your project. No runtime packages to install, zero lock-in.
The exact mathematical contract authored natively for your framework — Svelte gets runes, Angular gets signals, Vue gets composition.
The file lands directly in your repository. Retune the spring velocity, customize styles, or delete what you do not need.
Every Exhuma canonical component is re-authored from fundamental mathematical principles for each target framework. No polyfills, no cross-compilation overhead, no memory leaks.
| Ecosystem | File Format | Reactivity Engine | Hydration Model | Memory Teardown | Default Destination |
|---|---|---|---|---|---|
| React 18 / 19 | .tsx | Hooks & Refs (useRef) | Standard Client Mount | useEffect cleanup return | src/components/ui |
| Next.js 15 (App Router) | .tsx | RSC + "use client" Directive | Server Hydrated Island | useEffect unmount | components/ui |
| Vue 3 / Nuxt 3 | .vue | Composition API (ref, computed) | Client Island (<ClientOnly>) | onBeforeUnmount lifecycle | components |
| Svelte 5 | .svelte | Svelte 5 Runes ($state, $effect) | Micro-Island Hydration | $effect destructor return | src/lib/components |
| Angular 18+ | .component.ts | Signals (signal, computed) | Standalone Hydration | ngOnDestroy lifecycle | src/app/components |
| SolidJS | .tsx | Fine-grained Signals (createSignal) | Reactive Primitive Hydration | onCleanup handler | src/components |
| Astro | .astro | Zero-JS SSR or Client Script | Client Directives (client:load) | window/DOM event detachment | src/components |
| Laravel Blade | .blade.php | Alpine.js (x-data) / Vanilla | Server-Rendered PHP View | DOM observer teardown | resources/views/components |
| Vanilla JS + CSS | .js + .css | Direct DOM MutationObserver | Immediate DOM Attachment | Explicit instance.destroy() | src/components |
| WordPress Gutenberg | block.json / edit.tsx | Block Attributes & State | Gutenberg Editor / PHP Save | Unmount block handler | src/blocks |
| Web Components | <exhuma-*>.js | Custom Elements v1 + Shadow DOM | Custom Element Definition | disconnectedCallback() | src/components |
| React Native / Expo | .tsx | Animated API / PanResponder | Native UI Thread Driver | useEffect unmount cleanup | components |
| Flutter | .dart | StatefulWidget (setState) | Flutter Engine Render Tree | dispose() lifecycle method | lib/widgets |