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.

86 components pro available 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

86 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
Warp Speed Card component

A focused warp-speed effect — hover a single phrase to reveal a dark space scene with streaking beams confined to the text's bounding box. The text itself stay…

npx shadcn@latest add https://nexus-ui.com/r/warp-speed-card.json
Circular Carousel component

An animated orbital carousel with smooth active-card transitions.

npx shadcn@latest add https://nexus-ui.com/r/circular-carousel.json
Chat Messages component

Animated chat message bubbles with typing indicators and sequential reveal.

npx shadcn@latest add https://nexus-ui.com/r/chat-messages.json
Shader Flow component

A soft animated shader-style background with flowing gradient motion.

npx shadcn@latest add https://nexus-ui.com/r/shader-flow.json
Ask Nexus Input component

A bold \

npx shadcn@latest add https://nexus-ui.com/r/ask-nexus-input.json
Interactive Globe Explorer component

Scrollable office/location explorer with a live React Globe, synchronized city list, clickable map pins, responsive details popover, and one-click address/emai…

npx shadcn@latest add https://nexus-ui.com/r/interactive-globe-explorer.json
Scroll Reveal Text component

Scroll-linked text reveal where words, characters, or lines emerge from muted gray to bright white with optional blur dissolve and staggered cascade.

npx shadcn@latest add https://nexus-ui.com/r/scroll-reveal-text.json
Animated Countdown component

Flip-style countdown timer with four variants — modern, digital, minimal, and classic. Smooth number transitions powered by Framer Motion.

npx shadcn@latest add https://nexus-ui.com/r/animated-countdown.json
Shooting Stars Grid component

Animated dot grid with diagonal shooting star streaks and glowing nodes. A dramatic yet subtle background for hero sections and feature blocks.

npx shadcn@latest add https://nexus-ui.com/r/shooting-stars-grid.json
Hover Highlight Text component

Cursor-tracked SVG spotlight that reveals outlined text beneath a base layer. Smooth spring physics follow the mouse for a cinematic hover effect.

npx shadcn@latest add https://nexus-ui.com/r/hover-highlight-text.json
Motion Layer Scroller component

Scroll-driven parallax depth engine — each layer moves at an independent speed and axis as the user scrolls. Compose scenes with overlapping planes.

npx shadcn@latest add https://nexus-ui.com/r/motion-layer-scroller.json
Animated Bento Grid component

Feature showcase bento grid with entrance animations and configurable column spans. Each tile supports custom content, tags, and motion entrance delays.

npx shadcn@latest add https://nexus-ui.com/r/animated-bento-grid.json
Bento Grid Skeleton component

Bento grid with animated skeleton placeholder tiles — chat, dashboard, avatar, workflow, calendar, and code variants. Perfect for loading states.

npx shadcn@latest add https://nexus-ui.com/r/bento-grid-skeleton.json
Scrolling Testimonials component

Infinite vertical scroll testimonial wall with multi-column layout, independent column speeds, reverse direction support, gradient fade masks, and avatar initi…

npx shadcn@latest add https://nexus-ui.com/r/scrolling-testimonials.json
Spectra Frame component

Zero-dependency interactive image grid — photos start in black & white and burst into full color on hover with adaptive scale. Built-in responsive columns, sco…

npx shadcn@latest add https://nexus-ui.com/r/spectra-frame.json
Profile Orbit component

An interactive profile carousel where five floating avatars orbit a central card. Clicking any avatar, the nav arrows, or the keyboard cycles through people wi…

npx shadcn@latest add https://nexus-ui.com/r/profile-orbit.json
Command Palette component

Animated command palette with ⌘K shortcut, grouped navigation/actions/theme commands, backdrop blur overlay, and Framer Motion enter/exit transitions.

npx shadcn@latest add https://nexus-ui.com/r/command-palette.json
Image Trail component

A cursor trail that cycles through a configurable image array as you move, with fade-blur transitions and an optional magnetic repulsion effect.

npx shadcn@latest add https://nexus-ui.com/r/image-trail.json
Avatar Group component

Overlapping avatar stack with per-avatar entrance animations (flip, slide, scale, bounce), four hover styles, name tooltips, and automatic color-coded fallback…

npx shadcn@latest add https://nexus-ui.com/r/avatar-group.json
Feature Tools Card component

A dark glass card with five magnetic icon slots, a rotating conic-gradient orbit ring, and 3-D tilt physics. Swap the default integration icons for any SVG or …

npx shadcn@latest add https://nexus-ui.com/r/feature-tools-card.json
Link Preview component

Hover-triggered image tooltip that transforms inline text links into cinematic visual previews. Spring-animated entrance with blur, scale, mouse-tracking tilt,…

npx shadcn@latest add https://nexus-ui.com/r/link-preview.json
Pricing Section component

Four interactive pricing layouts with radio selection, animated monthly and yearly billing transitions, and configurable feature lists.

npx shadcn@latest add https://nexus-ui.com/r/pricing-section.json
Brand Logo Animation component

A complete set of animated logo cloud layouts including marquee, spotlight, swapping, and blur variants.

npx shadcn@latest add https://nexus-ui.com/r/logo-clouds.json
Sidebar component

Simple, collapsible, and grouped animated sidebar navigation layouts.

npx shadcn@latest add https://nexus-ui.com/r/sidebar.json
Contact Page component

Contact block variants with forms, social links, imagery, and the included Nexus mark.

npx shadcn@latest add https://nexus-ui.com/r/contact-page.json
Blog Content Sections component

Centered article, table-of-contents, editorial, featured post, and hover-card blog sections.

npx shadcn@latest add https://nexus-ui.com/r/blog-content-sections.json