sh4dcnv2 · atlas
← libraries

@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.

60 components react shadcn-cli

Install this registry

shadcn (npm) npx shadcn@latest add https://nexus-ui.com/r/registry.json
pnpm pnpm dlx shadcn@latest add https://nexus-ui.com/r/registry.json
bun bunx shadcn@latest add https://nexus-ui.com/r/registry.json
fetch registry curl -s https://nexus-ui.com/r/registry.json

Components

60 total
Nexus UI Inter Font font

Inter 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
Scroll Progress Bar component

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
Wheel Selector component

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
Cinematic Card Deck component

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
Cursor Text Reveal component

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
Cinematic Logo Cloud component

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
Step Flow component

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
Phone Input component

A modern animated phone number input with country selector and validation.

npx shadcn@latest add https://nexus-ui.com/r/phone-input.json
Aurora Hero Spotlight component

Cursor-reactive spotlight layered over an aurora field for launch heroes.

npx shadcn@latest add https://nexus-ui.com/r/hero-aurora-spotlight.json
Signal Bento Grid component

Animated bento tiles with breathing gradients for product metrics.

npx shadcn@latest add https://nexus-ui.com/r/bento-signal-grid.json
Nebula Glass Card component

3D tilt card with spring physics and luminous edge lighting.

npx shadcn@latest add https://nexus-ui.com/r/nebula-glass-card.json
Float Glass Navbar component

Glass navigation rail with spring entrance and CTA emphasis.

npx shadcn@latest add https://nexus-ui.com/r/float-glass-navbar.json
Orbit Footer component

Compact footer with balanced columns and developer-first links.

npx shadcn@latest add https://nexus-ui.com/r/orbit-footer.json
Depth Testimonials component

Stacked testimonial planes with staggered motion reveals.

npx shadcn@latest add https://nexus-ui.com/r/depth-testimonials.json
Toggle Pricing component

Annual/monthly toggle with spring knob and contextual savings callout.

npx shadcn@latest add https://nexus-ui.com/r/toggle-pricing-pro.json
Beam Sweep Field component

Slow sweeping light column for cinematic section backgrounds.

npx shadcn@latest add https://nexus-ui.com/r/beam-sweep-field.json
Vector Tilt Scene component

High depth glass panel for hero cards and feature highlights.

npx shadcn@latest add https://nexus-ui.com/r/vector-tilt-scene.json
Glass Login Stack component

Minimal glass authentication panel with crisp focus states.

npx shadcn@latest add https://nexus-ui.com/r/glass-login-stack.json
Split Signup Convert component

Two-column signup with narrative panel and compact fields.

npx shadcn@latest add https://nexus-ui.com/r/split-signup-convert.json
Signup Form component

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
Workbench Sidebar component

Dense sidebar navigation tuned for dashboards and tools.

npx shadcn@latest add https://nexus-ui.com/r/workbench-sidebar.json
Pulse Dashboard KPIs component

KPI strip with micro-hover lifts and soft chart placeholders.

npx shadcn@latest add https://nexus-ui.com/r/pulse-dashboard-kpis.json
Orbital Loader component

Dual counter-rotating rings with breathing inner glow.

npx shadcn@latest add https://nexus-ui.com/r/orbital-loader.json
Milestone Timeline component

Vertical roadmap timeline with glowing nodes.

npx shadcn@latest add https://nexus-ui.com/r/milestone-timeline.json
Lattice Feature Grid component

Four-up feature grid with scroll reveals and glass tiles.

npx shadcn@latest add https://nexus-ui.com/r/lattice-feature-grid.json
Motion FAQ Disclosure component

Lightweight FAQ with directional affordance and animated answers.

npx shadcn@latest add https://nexus-ui.com/r/motion-faq-disclosure.json
Nebula CTA Glow component

Pulsing dual nebula glow behind a high-contrast CTA.

npx shadcn@latest add https://nexus-ui.com/r/nebula-cta-glow.json
Glow Button component

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
Word Magnet component

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
3D Folder Card component

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
Draggable Card Stack component

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
3D Card Carousel component

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
Real-Time Cursors component

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
Editorial Blog Rail component

Featured article plus compact secondary headlines for content hubs.

npx shadcn@latest add https://nexus-ui.com/r/editorial-blog-rail.json
Split Contact Glass component

Marketing narrative paired with a compact contact capture form.

npx shadcn@latest add https://nexus-ui.com/r/split-contact-glass.json
SVG Noise Shader component

FeTurbulence-driven noise field for textured sci-fi surfaces.

npx shadcn@latest add https://nexus-ui.com/r/svg-noise-shader.json
Tracing Spotlight Panel component

Cursor-traced highlight for feature callouts and pricing tiers.

npx shadcn@latest add https://nexus-ui.com/r/tracing-spotlight-panel.json
Forge AI Command Bar component

Command surface for AI copilots with motion layout container.

npx shadcn@latest add https://nexus-ui.com/r/forge-ai-command-bar.json
Gooey Search Input component

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
Interactive Terminal component

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
RippleLine squiggly text component

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
Nexus floating dock component

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
Stateful message button component

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
Sparkles field component

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
Text Generate Effect component

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
Background Gradient component

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
Typewriter Effect component

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
Text Reveal Card component

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
Glowing Effect Cards component

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
Infinite Moving Cards component

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
Meteor Effect component

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
Background Boxes component

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
Encrypted Text component

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
Mac Keyboard component

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
Images Badge component

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
Interactive Dot Grid Hero component

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
Interactive Starfield Hero component

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
Before / After Compare component

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
Expandable Cards component

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
Animated Select Headline component

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