@nexus-labs
A premium marketplace for animated React components, full-page templates, and marketing blocks engineered for Next.js App Router with Tailwind CSS and Framer Motion. Contains 82+ components across categories: Background Effects (63+), Motion Effects (27+), Cards (13+), 3D Components, Pricing blocks, Feature grids, Logo clouds, Navbars, Footers, Login/Signup forms, Text Animations, and AI Components. Full-page templates include SaaS launch, AI startup, agency, and developer-tool themes. Freemium — base components free; premium subscription or lifetime pass required for full access and commercial license. Use for: shipping polished Next.js marketing sites or SaaS landing pages with motion-rich animated sections quickly.
Install this registry
npx shadcn@latest add https://nexus-ui.com/r/registry.json pnpm dlx shadcn@latest add https://nexus-ui.com/r/registry.json bunx shadcn@latest add https://nexus-ui.com/r/registry.json curl -s https://nexus-ui.com/r/registry.json Components
60 totalInter font setup used by Nexus UI components so installed components match the preview typography.
npx shadcn@latest add https://nexus-ui.com/r/nexus-font.json A minimal vertical progress rail that fills smoothly as a target section moves through the viewport or a scrollable container.
npx shadcn@latest add https://nexus-ui.com/r/scroll-progress-bar.json An interactive radial navigation dial for services, features, or portfolio items with drag, wheel, and click input plus a responsive mobile arch.
npx shadcn@latest add https://nexus-ui.com/r/wheel-selector.json A scroll-linked 3D card stack with depth, ambient glow, progress dots, cursor parallax, and optional image-backed cards.
npx shadcn@latest add https://nexus-ui.com/r/cinematic-card-deck.json An immersive cursor-following spotlight that reveals alternate text, gradients, or imagery beneath perfectly aligned headline layers.
npx shadcn@latest add https://nexus-ui.com/r/cursor-text-reveal.json A staggered blur-fade entrance animation for brand logos. Uses framer-motion and fully semantic responsive layouts.
npx shadcn@latest add https://nexus-ui.com/r/cinematic-logo-cloud.json A responsive four-step process section with a sliding highlight, animated image swaps, and hover or click step selection.
npx shadcn@latest add https://nexus-ui.com/r/step-flow.json A modern animated phone number input with country selector and validation.
npx shadcn@latest add https://nexus-ui.com/r/phone-input.json Cursor-reactive spotlight layered over an aurora field for launch heroes.
npx shadcn@latest add https://nexus-ui.com/r/hero-aurora-spotlight.json Animated bento tiles with breathing gradients for product metrics.
npx shadcn@latest add https://nexus-ui.com/r/bento-signal-grid.json 3D tilt card with spring physics and luminous edge lighting.
npx shadcn@latest add https://nexus-ui.com/r/nebula-glass-card.json Glass navigation rail with spring entrance and CTA emphasis.
npx shadcn@latest add https://nexus-ui.com/r/float-glass-navbar.json Compact footer with balanced columns and developer-first links.
npx shadcn@latest add https://nexus-ui.com/r/orbit-footer.json Stacked testimonial planes with staggered motion reveals.
npx shadcn@latest add https://nexus-ui.com/r/depth-testimonials.json Annual/monthly toggle with spring knob and contextual savings callout.
npx shadcn@latest add https://nexus-ui.com/r/toggle-pricing-pro.json Slow sweeping light column for cinematic section backgrounds.
npx shadcn@latest add https://nexus-ui.com/r/beam-sweep-field.json High depth glass panel for hero cards and feature highlights.
npx shadcn@latest add https://nexus-ui.com/r/vector-tilt-scene.json Minimal glass authentication panel with crisp focus states.
npx shadcn@latest add https://nexus-ui.com/r/glass-login-stack.json Two-column signup with narrative panel and compact fields.
npx shadcn@latest add https://nexus-ui.com/r/split-signup-convert.json Customizable signup form built on shadcn input + label with subtle framer-motion transitions and async submit states.
npx shadcn@latest add https://nexus-ui.com/r/signup-form.json Dense sidebar navigation tuned for dashboards and tools.
npx shadcn@latest add https://nexus-ui.com/r/workbench-sidebar.json KPI strip with micro-hover lifts and soft chart placeholders.
npx shadcn@latest add https://nexus-ui.com/r/pulse-dashboard-kpis.json Dual counter-rotating rings with breathing inner glow.
npx shadcn@latest add https://nexus-ui.com/r/orbital-loader.json Vertical roadmap timeline with glowing nodes.
npx shadcn@latest add https://nexus-ui.com/r/milestone-timeline.json Four-up feature grid with scroll reveals and glass tiles.
npx shadcn@latest add https://nexus-ui.com/r/lattice-feature-grid.json Lightweight FAQ with directional affordance and animated answers.
npx shadcn@latest add https://nexus-ui.com/r/motion-faq-disclosure.json Pulsing dual nebula glow behind a high-contrast CTA.
npx shadcn@latest add https://nexus-ui.com/r/nebula-cta-glow.json Framer-style glowing CTA button with expanding shadow, radial border sweep, glass edge, and animated arrow.
npx shadcn@latest add https://nexus-ui.com/r/glow-button.json Cursor-reactive text where whole words gently repel from the pointer and spring back without splitting letters.
npx shadcn@latest add https://nexus-ui.com/r/word-magnet.json Interactive folder card that opens on hover, fans project cards upward, and includes a lightbox gallery for visual collections.
npx shadcn@latest add https://nexus-ui.com/r/three-d-folder.json Shuffled deck of portrait cards on a dark surface. Drag or fling the top card to send it to the back; press ← to pull the bottom card to the front. Supports im…
npx shadcn@latest add https://nexus-ui.com/r/draggable-card-stack.json Cylindrical 3D card carousel — cards arranged in a circle on the Z axis, rotating continuously or on scroll. Radius, perspective, item size, speed, and directi…
npx shadcn@latest add https://nexus-ui.com/r/card-carousel-3d.json Collaborative workspace preview with animated teammate cursors, code review cards, and simulated live presence trails.
npx shadcn@latest add https://nexus-ui.com/r/real-time-cursors.json Featured article plus compact secondary headlines for content hubs.
npx shadcn@latest add https://nexus-ui.com/r/editorial-blog-rail.json Marketing narrative paired with a compact contact capture form.
npx shadcn@latest add https://nexus-ui.com/r/split-contact-glass.json FeTurbulence-driven noise field for textured sci-fi surfaces.
npx shadcn@latest add https://nexus-ui.com/r/svg-noise-shader.json Cursor-traced highlight for feature callouts and pricing tiers.
npx shadcn@latest add https://nexus-ui.com/r/tracing-spotlight-panel.json Command surface for AI copilots with motion layout container.
npx shadcn@latest add https://nexus-ui.com/r/forge-ai-command-bar.json Expandable pill search with a detached icon bubble merged through an SVG goo filter and spring layout.
npx shadcn@latest add https://nexus-ui.com/r/gooey-input.json macOS-style terminal window with typewriter commands, cursor blink, output sequencing, and optional sound.
npx shadcn@latest add https://nexus-ui.com/r/terminal.json Hero-grade headline with an animated wave underline, turbulence + Gaussian blur + displacement, optional glyph micro-warp, and reduced-motion fallbacks.
npx shadcn@latest add https://nexus-ui.com/r/squiggly-text.json Bottom-centered macOS-style dock with pointer-driven magnification, neighbor scaling, glass pill chrome, tooltips, and a touch-friendly expandable mobile menu.
npx shadcn@latest add https://nexus-ui.com/r/floating-dock.json Animated async button with idle → loading → success transitions, built-in click guarding, and smooth icon/text motion.
npx shadcn@latest add https://nexus-ui.com/r/stateful-button.json Configurable animated particle field for hero highlights, card backgrounds, and decorative UI layers with optional pointer interaction.
npx shadcn@latest add https://nexus-ui.com/r/sparkles.json Animated text reveal that fades words, characters, or lines into view with optional blur and upward motion.
npx shadcn@latest add https://nexus-ui.com/r/text-generate-effect.json Animated gradient wrapper with soft glow and blur for cards, buttons, and hero sections.
npx shadcn@latest add https://nexus-ui.com/r/background-gradient.json Character-by-character typewriter text animation with blinking cursor, optional deleting, looping, and semantic heading support.
npx shadcn@latest add https://nexus-ui.com/r/typewriter-effect.json Interactive spotlight card with mouse-follow glow and bottom reveal content for features, case studies, and portfolio sections.
npx shadcn@latest add https://nexus-ui.com/r/text-reveal-card.json Cursor-reactive glowing border cards with a responsive 2-1-2 layout for refined SaaS sections and dashboards.
npx shadcn@latest add https://nexus-ui.com/r/glowing-effect-cards.json Customizable infinite marquee of cards with seamless looping, direction controls, hover pause, and optional custom rendering.
npx shadcn@latest add https://nexus-ui.com/r/infinite-moving-cards.json Animated diagonal meteor beams with glow heads and trailing streaks, designed as a reusable background layer for cards and hero sections.
npx shadcn@latest add https://nexus-ui.com/r/meteors.json Animated isometric grid background with hover color effects and cross markers. Fully configurable skew, scale, box dimensions, and colors.
npx shadcn@latest add https://nexus-ui.com/r/background-boxes.json Characters shuffle through gibberish before locking into the final string — a futuristic cyber decoding reveal for hero headings, buttons, badges, and nav link…
npx shadcn@latest add https://nexus-ui.com/r/encrypted-text.json Fully interactive Mac-style keyboard with Web Audio synthesised click sounds, Framer Motion keycap animations, and real-time physical keyboard highlighting.
npx shadcn@latest add https://nexus-ui.com/r/mac-keyboard.json Stacked avatar/image pill that fans open on hover — ideal for team badges, social proof, avatar groups, and template galleries.
npx shadcn@latest add https://nexus-ui.com/r/images-badge.json Cinematic hero section with a Canvas-rendered dot grid that reacts to cursor proximity — dots scale, brighten, and return to rest with a smooth radial glow spo…
npx shadcn@latest add https://nexus-ui.com/r/dot-grid-hero.json Dark hero section with a cursor-reactive starfield. Hundreds of glowing particles stretch, brighten, and rotate toward the cursor — built on Canvas + requestAn…
npx shadcn@latest add https://nexus-ui.com/r/starfield-hero.json Drag a vertical handle to compare two images side-by-side. Supports mouse and touch, optional labels, custom start position, and any aspect ratio.
npx shadcn@latest add https://nexus-ui.com/r/compare.json Responsive card grid where clicking a card smoothly expands it into a full-detail overlay with image, description, and a CTA button.
npx shadcn@latest add https://nexus-ui.com/r/expandable-cards.json A cycling word headline where each active word is highlighted with a Figma-style selection rectangle — thin border with corner handles — using blur-fade transi…
npx shadcn@latest add https://nexus-ui.com/r/animated-select-headline.json