The original precision primitives: kinetic type, spatial cards, canvas networks, and developer-interface choreography.
npx motionfoundry list --collection corenpx motionfoundry add kinetic-type glyph-cascade text-morphShowing 24 of 24 components
KineticType
Expressive kinetic typography engine where words and characters animate with coordinated rotation, scale, optical blur, and 3D position trajectories across four presets.
GlyphCascade
Character-by-character cryptographic cascade reveal with temporary glyph scrambling, progressive blur reduction, selectable text, and directional sweep control.
AuroraHeadline
High-contrast display headline combining masked word entrances, flowing spectral gradient illumination, and graceful static fallback.
MagneticButton
Cursor-reactive button that attracts its surface and inner label toward the pointer with configurable attraction strength, return spring, hover scale, and touch-device fallback.
ConstellationCard
Interactive graphite card hosting a capped-budget spatial constellation network that links toward the cursor with static fallback behavior.
LiquidGlassCard
Layered translucent card combining CSS backdrop blur, specular rim lighting, pointer-reactive highlight sheen, and optional SVG turbulence surface texture.
HoloTiltCard
Three-dimensional perspective card with layered Z-depth planes, moving specular highlights, and a pointer-driven shifting holographic foil gradient.
PortalRevealPanel
Clip-path iris and geometric portal entrance animation supporting multiple origin coordinates, staggered child reveals, and clean unmount choreography.
FluidMeshBackground
GPU-composited multi-field mesh gradient backdrop with configurable color pools, orbital speed, contrast, and low-CPU static fallback.
MagneticDock
Developer launcher dock with smooth Gaussian proximity magnification, non-clipping headroom padding, tooltips, and Left/Right arrow keyboard navigation.
MorphingCommandPalette
Animated developer command palette with layout-aware selection pill, staggered search results, Up/Down/Enter/Escape keyboard handling, and focus management.
TextMorph
Seamless word and phrase morphing primitive that coordinates layout width transitions, baseline alignment, autoplay cycling, and manual step controls.
OrbitingWords
Spatial typography composition where satellite labels orbit a focal phrase with 3D perspective depth, counter-rotation legibility, and static layout mode.
VelocityButton
Interactive button with a directional energy trail and perimeter glow that responds to pointer velocity without expensive particle emitters.
ElasticPressButton
Physically inspired press deformation button with spring recovery, configurable squash scale, elasticity, border treatment, loading spinner state, and disabled state.
MorphingBorder
Container framed by a traveling conic outline whose perimeter gradient, corner geometry, and orbit velocity morph smoothly with a static-border fallback.
InfiniteMarquee
Seamless looping ticker marquee supporting configurable direction, speed, gap spacing, pause-on-hover, and aria-hidden track duplication without layout jumps.
ScrollNarrative
Scroll-driven storytelling component that synchronizes narrative chapters and visual telemetry stages with progress-linked transitions and interactive scrubbing.
ParallaxDepthScene
Multilevel spatial composition where background, midground, and foreground planes translate at proportional depth intensities in response to pointer or scroll offsets.
NoiseAurora
Atmospheric aurora backdrop combining slow-drifting spectral ribbons with an inline procedural SVG fractal-noise film grain layer and zero external image assets.
OrbitingParticles
Canvas orbital particle field with elliptical trajectories, Z-depth scale and opacity modulation, pointer gravity shift, and automatic RAF cleanup.
LiquidBlob
Organic morphing vector shape driven by smooth SVG path and border-radius keyframe interpolation with zero external assets and graceful mobile degradation.
ScrollVelocityProgress
Scroll progress indicator that tracks position and modulates bar thickness and luminance intensity based on scroll velocity in horizontal or vertical orientation.
StaggeredGridReveal
Reusable responsive grid orchestrator that reveals cells across linear, diagonal-wave, or radial-center stagger patterns with replay and static fallback support.