Canonical Components
20 core interaction systems, layout engines, and kinetic primitives. Every component is authored natively into 13 production framework contracts.
- 20 components
- 4 categories
- 13 ecosystems
Install Any Component
One command, 13 targets supported.
Tactile Cards & Interactions
High-frequency pointer mathematics, 3D perspective gyroscopes, and sticky depth interpolation.
Stacking Cards
Layered 3D sticky stack cards with progressive scroll depth scale decay and reverse scaling exit mechanics.
Horizontal Scroller
Pinned kinetic viewport camera that seamlessly translates horizontal cards in 1:1 synchronization with vertical page scroll (Brix Agency architecture).
Tilt Card
Interactive 3D mouse-tracking card tilt with smooth gyroscopic physics, spring damping, and reverse mode.
Spotlight Card
Dynamic 2D spatial coordinate tracking with sub-pixel radial border illumination mask and smooth exponential smoothing.
Border Beam
Zero-runtime CSS perimeter laser trace with hardware mask clipping and sub-pixel compositing.
Card Swipe Stack
Velocity-sensitive multi-card swipe stack with Euler angular rotation, circular velocity ring buffer, elastic last-card resistance, and zero external animation libraries.
Responsive Layout Engines
CSS multi-column masonry with zero layout thrashing, and mathematical auto-fit minmax responsive grid systems.
CSS Masonry
Pure CSS multi-column responsive masonry layout with zero external JavaScript runtime overhead.
Row Masonry
Greedy dynamic row-by-row masonry balancer placing items into the shortest column with GPU translate3d positioning.
Auto Grid
Responsive CSS Grid with auto-fit / auto-fill minmax repeat tracks with zero media queries.
Infinite Marquee
High-performance rAF continuous translation loop with modulo wrap, exponential hover damping, and zero external animation libraries.
Kinetic Primitives & Disclosures
Self-contained dynamic primitives, mathematical springs, coordinate projections, and zero-layout-shift kinetic transitions.
Accordion
Zero-jank dynamic height disclosure using CSS Grid 0fr to 1fr interpolation with morphing plus/minus icon and clean theme elevation.
Number Ticker
Analytical easeOutExpo numerical counter with direct DOM textContent manipulation and zero external animation libraries.