Changelog
Latest updates, new components, and improvements in Satisium UI.
Changelog
v3.0.0
August 15, 2026 Beta
Welcome to Satisium UI. Version 3 represents a complete rebranding and ground-up rewrite of our legacy library, Satis UI.
A Completely New UI Collection The old v2 component collection has been officially deprecated and replaced. Satisium UI features an entirely new, vastly superior collection of components built with advanced physics and rendering techniques.
Still Native to Shadcn
While the components are completely different, the developer experience you love hasn't changed. Satisium UI is still built natively for the shadcn ecosystem, allowing you to install components and their dependencies seamlessly via the CLI.
What does Beta mean?
The core physics engines and components are highly stable (currently on v3.0.0-beta.61). However, as we gather feedback, some component APIs may undergo minor refinements before the final stable release.
The Mega Release
This landmark release introduces 54 new core components and dozens of pre-built demo variants.
Added (Carousels)

Ascent Carousel
A high-performance, exponential 3D-perspective carousel. Items mathematically scale down as they retreat to the right, creating a profound sense of spatial depth using strictly 2D DOM manipulation for maximum FPS. (Includes 1 pre-built demo variant.)

Concave Carousel
A high-performance, physics-based infinite carousel. Items mathematically scale down as they reach the edges, creating a 3D "concave" curved visual effect using strictly 2D DOM manipulation for maximum FPS. (Includes 1 pre-built demo variant.)

Convex Carousel
A high-performance, physics-based infinite carousel. Items mathematically scale based on an inverted parabola, creating a 3D "convex" lens bulging visual effect using strictly 2D DOM manipulation for maximum FPS. (Includes 1 pre-built demo variant.)

Cover Carousel
A highly sophisticated Cover Flow 3D carousel. Renders an immersive, hardware-accelerated stack of images using custom GLSL shaders for dynamic ambient occlusion, internal parallax, and SDF rounded corners. (Includes 1 pre-built demo variant.)

Curved Carousel
A high-performance WebGL scroll component. Creates an immersive, 3D cylindrical carousel of images that respond fluidly to scroll momentum anywhere on the container, utilizing custom GLSL shaders for kinetic RGB splitting, parallax texture sliding, and aerodynamic bending. (Includes 1 pre-built demo variant.)

Depth Carousel
A high-performance WebGL coverflow carousel. Unites physics-based GSAP scroll tracking with custom GLSL shaders to provide flawless SDF corner rounding, internal parallax windowing, and kinetic RGB splitting. (Includes 1 pre-built demo variant.)

Dimensional Carousel
A high-performance WebGL horizontal carousel. Cards arriving from the right are flat, while cards passing the center seamlessly stack into a 3D Cover Flow layout. Features custom GLSL shaders for aerodynamic bending and kinetic RGB splitting based on swipe velocity. (Includes 1 pre-built demo variant.)

Dimensional Deck
A high-performance WebGL scroll component. Creates an immersive, 3D stacked deck of images that respond fluidly to vertical scroll momentum, utilizing custom GLSL shaders for kinetic RGB splitting and aerodynamic bending. (Includes 1 pre-built demo variant.)

Elastic Carousel
A high-performance WebGL scroll component. Mathematically interpolates between a flat 2D gallery and an immersive 3D cylindrical carousel depending entirely on the user's swipe velocity. (Includes 1 pre-built demo variant.)

Flex Carousel
A high-performance WebGL horizontal carousel. Integrates aerodynamic bending, kinetic RGB splitting, dynamic shadowing, and smooth SDF corner radiuses calculated entirely on the GPU. (Includes 1 pre-built demo variant.)

Panoramic Carousel
A high-performance WebGL spatial carousel. Creates an immersive, 3D panoramic wrap of images that responds fluidly to scroll and touch momentum anywhere on the screen, featuring custom GLSL shaders for kinetic RGB splitting, aerodynamic flexing, and motion blur. (Includes 1 pre-built demo variant.)

Wave Carousel
A high-performance, sine-wave driven infinite carousel. Items mathematically scale up and down based on a cosine wave, creating a rolling hills visual effect using strictly 2D DOM manipulation for maximum FPS. (Includes 1 pre-built demo variant.)
Added (Text Reveals)

Blur Reveal
A cinematic, 3D text reveal component. Characters or words sweep in from an angled, blurry 3D perspective, utilizing deep easing to create a heavy, dramatic reveal. (Includes 2 pre-built demo variants.)

Bottom Hinge Text Reveal
A high-impact 3D text reveal component. Elements start deep in the Z-axis, leaning backward, and aggressively swing up and slam into place using a tight perspective and heavy overshoot. (Includes 1 pre-built demo variant.)

Editorial Reveal
A premium, Awwwards-level text reveal component. Uses GSAP and ScrollTrigger to create a sophisticated, staggered redaction-block reveal that triggers exactly when the text enters the viewport. (Includes 1 pre-built demo variant.)

Elastic Pop Reveal
A tactile, physics-based text reveal component. Splinters text into words or characters and scales them in with a highly customizable GSAP elastic spring effect, triggered on scroll. (Includes 2 pre-built demo variants.)

Elastic Typewriter
A highly kinetic typewriter effect. A cursor glides across the text, while individual characters stretch, squeeze, skew, and elastic-snap into place to simulate mechanical physical tension. (Includes 2 pre-built demo variants.)

Flip 3D Reveal
A premium, mechanical text reveal component. Characters or words rotate into view along the Y-axis, creating a Rolodex or split-flap display effect with a microscopic physics bounce. (Includes 2 pre-built demo variants.)

Flip Vertical Reveal
A 3D mechanical text reveal component. Simulates a split-flap display or falling dominoes by hinging characters or words down from a 90-degree 3D perspective. (Includes 2 pre-built demo variants.)

Fluid Ink Reveal
A tactile, physics-based text reveal component. Splinters text into words or characters and scales them in with a highly customizable GSAP elastic spring effect, triggered on scroll. (Includes 2 pre-built demo variants.)

Fluid Typewriter
A liquid-smooth typewriter effect. A glowing cursor seamlessly glides across the text, intelligently wrapping to new lines and pausing at punctuation, while characters emerge from a deep blur. (Includes 2 pre-built demo variants.)

Fold Reveal
A structural text reveal component. Distinct lines of text hinge downward into view like a cascading staircase or folding paper, providing a rigid, architectural feel. (Includes 1 pre-built demo variant.)

Granular Dust Reveal
A cinematic text reveal component. Uses microscopic SVG fractal noise to shatter typography into granular sand, dynamically coalescing into pristine, anti-aliased text. (Includes 2 pre-built demo variants.)

Heat Mirage Reveal
A cinematic atmospheric reveal component. Uses an SVG displacement map to simulate atmospheric thermal distortion (heat waves). The text drifts upward and materializes as the heat dissipates into sharp focus. (Includes 2 pre-built demo variants.)

Liquid Mercury Reveal
An elastic, metallic text reveal component. Elements spawn from inside the previous element's mass, stretching a gooey liquid bridge that elastically snaps into sharp, crisp typography. (Includes 1 pre-built demo variant.)

Magnetic Snap Reveal
A kinetic, elastic text reveal component. Elements start in randomized, chaotic coordinates and magnetically snap into their correct layout positions using heavy spring physics. (Includes 1 pre-built demo variant.)

Manifesto Text Reveal
A premium scrollytelling text reveal component. Fades text in word-by-word or character-by-character, utilizing scroll momentum and optional DOM pinning to create a cinematic reading experience. (Includes 1 pre-built demo variant.)

Masked Reveal
A sophisticated text reveal component. Wraps elements in a hidden overflow mask and pushes them up into view with a slight, elegant rotation, resembling premium agency typography. (Includes 2 pre-built demo variants.)

Multi-Color Trail Reveal
A highly advanced scrollytelling component. Sweeps a cascading wave of colors across characters, words, or lines, utilizing strict clip-path physics and DOM pinning. (Includes 3 pre-built demo variants.)

Pendulum Reveal
A kinetic text reveal component. Elements drop down from a top hinge point, utilizing a heavy elastic ease to simulate a swinging pendulum settling into place. (Includes 1 pre-built demo variant.)

Piano Typewriter
A tactile, 3D typewriter effect. A cursor glides across the text while individual characters spring up from the Z-axis, mimicking the physical, mechanical keystrokes of a typewriter or piano. (Includes 1 pre-built demo variant.)

Tumbler Roll Reveal
A mechanical 3D text reveal component. Characters or words roll into place along an invisible 3D cylinder, mimicking the tactile snap of a combination lock or vintage split-flap display. (Includes 1 pre-built demo variant.)

Velocity Brake Reveal
A kinetic text reveal component that simulates high velocity and sudden deceleration. Elements slide in rapidly and slam on the brakes, whipping forward into a heavy skew overshoot before settling into place. (Includes 1 pre-built demo variant.)

Weightless Float Reveal
An ambient, zero-gravity text reveal component. Elements drift upwards into place from randomized depths and rotations, creating an organic, floating effect. (Includes 2 pre-built demo variants.)

Wind Shear Reveal
A high-velocity text reveal component. Elements slide in while leaning heavily against simulated wind resistance, utilizing elastic friction to snap forward into their resting positions. (Includes 2 pre-built demo variants.)

Z-Axis Reveal
A cinematic deep-space text reveal component. Elements fly in from the Z-axis, scaling down and un-blurring into focus. Best used with DOM pinning to create immersive, Apple-style scrollytelling. (Includes 2 pre-built demo variants.)
Added (Mouse Trails)

Depth Trail
A cinematic mouse trail leveraging Z-depth mapping, focal blur, parallax shifting, and atmospheric lighting to simulate a rich, dense 3D space. (Includes 2 pre-built demo variants.)

Kaleidoscope Trail
A geometrically mapped mouse trail that mirrors spawned elements around the center axis, creating mesmerizing, symmetrical kaleidoscope mandalas based on cursor position. (Includes 2 pre-built demo variants.)

Pendulum Trail
An interactive mouse trail that maps spawned items to an invisible swinging pendulum axis, driven entirely by pointer velocity and physics length. (Includes 2 pre-built demo variants.)

Scatter Trail
A physics-based mouse trail that calculates pointer velocity to dynamically throw, slide, and spin images across the screen like dealing casino cards. (Includes 2 pre-built demo variants.)

Slinky Trail
An interconnected, continuous spring-physics mouse trail that simulates a slinky or snake chasing the pointer. (Includes 2 pre-built demo variants.)

Squircle Trail
A snappy, hardware-accelerated mouse trail component that leaves behind rounded-square images with optional path-directional rotation. (Includes 2 pre-built demo variants.)

Velocity Trail
An intense, kinetic mouse trail that calculates real-time pointer speed to deform, stretch, and squeeze items along their trajectory. (Includes 2 pre-built demo variants.)

Wind Trail
An interactive mouse trail that maps spawned elements to an ambient wind physics engine, drifting items smoothly across the screen like autumn leaves. (Includes 2 pre-built demo variants.)
Added (Image & Visual Effects)

Ember Burn
An interactive image transition component. Simulates a burning ember hole using complex SVG displacement maps and color matrices. The burn originates exactly from the mouse entry coordinates. (Includes 1 pre-built demo variant.)

Ferrofluid Drag
An interactive image transition component. Applies a mathematical SVG Gooey filter to a grid of beads. On hover, the beads calculate their proximity to the cursor and violently tear outward like magnetic fluid, revealing the content underneath. (Includes 1 pre-built demo variant.)

Fluid Disintegration
An interactive liquid image transition component. Fragments an image into an SVG grid mapped with a gooey color matrix. On hover, the droplets calculate their proximity to the cursor and melt outward, revealing the content underneath. (Includes 1 pre-built demo variant.)

Glass Slices
An interactive WebGL component splitting media into vertical glass slices that dynamically tilt, compress, and refract based on cursor proximity. (Includes 2 pre-built demo variants.)

Liquid Curtain
An interactive image transition component. Applies a heavily asymmetrical SVG Gooey filter to a grid of vertical strips. On hover, the strips calculate their proximity to the cursor and drip downward like thick paint or liquid, revealing the content underneath. (Includes 1 pre-built demo variant.)

Liquid Marble
An interactive WebGL component applying a fluid chromatic distortion that clears into a crystal lens around the cursor. (Includes 2 pre-built demo variants.)

Mycelium Network
An interactive image transition component. Connects an SVG grid of nodes and edges masked with a mathematical gooey filter. On hover, it calculates the cursor's origin and triggers a radiating physics simulation where edges snap and nodes organically drift outward. (Includes 1 pre-built demo variant.)

Proximity Grid
An interactive WebGL grid that zooms and rounds media cells dynamically based on cursor proximity. (Includes 2 pre-built demo variants.)

Velocity Grid
An interactive WebGL component that displays media (image or video) with a fluid, 2D grid-based velocity distortion effect following the cursor. (Includes 2 pre-built demo variants.)

Velocity Strips
An interactive WebGL component that displays media (image or video) with a fluid, velocity-based slice distortion effect following the cursor. (Includes 2 pre-built demo variants.)
Satis UI v2.1.0 (Legacy)
August 1, 2026
Sunset Notice: All releases from v2.1.0 and below belong to the legacy Satis UI architecture. These components are officially deprecated and will no longer receive updates.