VOXE Component Registry
25 components available
Motion Tokens
VOXE motion + color tokens (motion.md easing curves, Apple palette, GLASS preset). Every VOXE template pulls from here.
npx shadcn add @voxe/motion-tokensCard Deck Reveal
Frame-driven card-deck entrance: hero-in then fan-expand L/R, configurable begin/end positioning. 60fps Remotion.
npx shadcn add @voxe/card-deck-revealApple Text Animator
The Apple-style text engine: masked, staggered per-word/char/line reveal (generalized AE range-selector recipe).
npx shadcn add @voxe/apple-text-animatorText Slide Up (Masked)
Signature Apple masked slide-up: translateY + clipPath inset reveal, expo-out ~0.5s.
npx shadcn add @voxe/text-slide-up-maskedWord By Word Reveal
Per-word staggered reveal: y+fade, overshoot position / ease-out opacity.
npx shadcn add @voxe/word-by-word-revealGlass Panel
Apple 'Liquid Glass' frosted card: backdrop-filter blur + bright border + scale-overshoot entrance over a colorful backdrop.
npx shadcn add @voxe/glass-panelMorph Rect
Apple shape morph: animate width/height/borderRadius between two states + content cross-fade.
npx shadcn add @voxe/morph-rectUI Motion Tokens
framer-motion-native easing/spring/duration tokens (motion.md curves as cubic-bezier tuples) for the VOXE interactive web-UI layer. Sibling of motion-tokens (which is Remotion-only).
npx shadcn add @voxe/ui-tokensUI Framer Fonts
Client-side loader for the web fonts the Framer-ported UI components render with (Geist, Geist Mono, Inter, General Sans) so type matches 1:1. Import for side effect.
npx shadcn add @voxe/ui-fonts3D Page-Flip Book
Click-to-open 3D book whose leaves rotateY -180 to flip page-by-page, then cascade flat and slide back to close.
npx shadcn add @voxe/interactive-bookScroll Zoom Reveal
Sticky scroll hero where a small rounded image springs open to fullscreen as you scroll, with side labels and a fade-and-rise CTA.
npx shadcn add @voxe/scroll-zoom-revealCircular Gallery Orbit
Media items evenly placed on a circle that auto-rotates one full turn every N seconds, with an optional ease-in-out sine cadence.
npx shadcn add @voxe/circular-galleryService Card
Rounded service card with an overhanging pin icon, mono index, title and tinted description panel; fades up on scroll then cascades its text rows.
npx shadcn add @voxe/service-card-uiImage Trail Effect
Images spawn and trail the cursor as it moves, each springing in then peeling away with a selectable exit (drift / spin / fall / blur / flip).
npx shadcn add @voxe/image-trail-effectHover Review Card
Testimonial card that springs from a flat grey tile into a lifted white card with a green-tinted bottom glow and layered shadow on hover.
npx shadcn add @voxe/hover-review-cardVideo Lightbox Player
A video thumbnail that opens into a smooth FLIP-style lightbox — the thumb rect springs up into a centered stage over a fading backdrop; the video is portaled so playback never remounts.
npx shadcn add @voxe/video-lightbox-smoothArc Gallery
Infinite horizontal image strip curved onto a 3D arc — cards scale/drop/rotate away from center, driven by scroll position.
npx shadcn add @voxe/arc-galleryHover Flip Card
A hover-to-flip 3D card whose two faces cross-scale their oversized titles and slide anchor points as it turns on X (0 -> 180).
npx shadcn add @voxe/cardThumb-Zone Menu Bar
Mobile bottom-nav pill whose link stack springs open upward (scale-from-bottom + un-blur) when the menu button is tapped.
npx shadcn add @voxe/thumb-zone-menu-barGlass Showcase Navigator
Frosted-glass brand navigator over a full-bleed background — the blurred panel fades and slides in on view, and rows expand on hover to reveal description + pagination.
npx shadcn add @voxe/glass-showcaseCard Fan Mini
A horizontal fan of up to 4 cards that reveals on scroll-into-view, then lifts the pointer-nearest card while neighbours spread outward (CSS-driven, no framer-motion).
npx shadcn add @voxe/card-fan-miniFluid Image Shader
Interactive WebGL image with a cursor-driven fluid gradient overlay — a GLSL shader warps the image along a velocity-aware pointer trail and fires a radial burst on click.
npx shadcn add @voxe/fluid-imageScroll Image Gallery
Page-height, scroll-driven fullscreen gallery — a sticky viewport cross-fades full-bleed images from scroll progress, with a draggable thumbnail dock and shared-layout active outline.
npx shadcn add @voxe/image-scrollerDesign Studio Nav
Dark glassy studio nav — logo, three click-to-open dropdown menus with backdrop-blurred floating panels that fade in, and a filled CTA pill.
npx shadcn add @voxe/design-studio-navCompact Glass Navbar
Glassmorphic floating pill navbar with Product/Download dropdowns that collapses to a hamburger mobile sheet; the whole pill re-sizes on a bounce-free spring.
npx shadcn add @voxe/compact-navbar