---
name: "@nexus-labs"
slug: "nexus-labs"
description: "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."
category: "Commercial/paid product"
tags: ["3d", "aesthetic", "ai", "animation", "auth", "backgrounds", "blocks", "buttons", "cards", "cms", "dashboard", "editor", "forms", "glassmorphism", "icons", "loaders", "maps", "marketing", "media", "navigation", "payments", "pro-available", "retro", "saas", "text-effects", "theming"]
framework: "react"
license: null
author: null
website: "https://nexus-ui.com"
github: "N/A"
registry: "https://nexus-ui.com/r/registry.json"
pro: true
pro_url: "https://nexus-ui.com/pricing"
github_stars: null
component_count: 86
generated_at: "2026-07-28T08:59:05.895Z"
---

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

## Links

- Website: https://nexus-ui.com
- GitHub: N/A
- Registry JSON: https://nexus-ui.com/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/nexus-labs
- This file: https://sh4dcn.vercel.app/md/nexus-labs.md
- Pro / pricing: https://nexus-ui.com/pricing

## Install

```sh
# add the whole registry (shadcn CLI)
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
# clone the source repo
git clone N/A.git
# fetch the raw registry index
curl -s https://nexus-ui.com/r/registry.json
```

## Components (86)

| name | type | description | install |
| --- | --- | --- | --- |
| nexus-font | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry:component | A modern animated phone number input with country selector and validation. | `npx shadcn@latest add https://nexus-ui.com/r/phone-input.json` |
| hero-aurora-spotlight | registry: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` |
| bento-signal-grid | registry: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 | registry: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 | registry: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 | registry:component | Compact footer with balanced columns and developer-first links. | `npx shadcn@latest add https://nexus-ui.com/r/orbit-footer.json` |
| depth-testimonials | registry:component | Stacked testimonial planes with staggered motion reveals. | `npx shadcn@latest add https://nexus-ui.com/r/depth-testimonials.json` |
| toggle-pricing-pro | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry:component | Dense sidebar navigation tuned for dashboards and tools. | `npx shadcn@latest add https://nexus-ui.com/r/workbench-sidebar.json` |
| pulse-dashboard-kpis | registry: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 | registry:component | Dual counter-rotating rings with breathing inner glow. | `npx shadcn@latest add https://nexus-ui.com/r/orbital-loader.json` |
| milestone-timeline | registry:component | Vertical roadmap timeline with glowing nodes. | `npx shadcn@latest add https://nexus-ui.com/r/milestone-timeline.json` |
| lattice-feature-grid | registry: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 | registry: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 | registry: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 | registry: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 | registry: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` |
| three-d-folder | registry: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 | registry: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` |
| card-carousel-3d | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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-input | registry: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` |
| terminal | registry: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` |
| squiggly-text | registry: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` |
| floating-dock | registry: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-button | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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` |
| meteors | registry: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 | registry: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 | registry: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 | registry: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 | registry: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` |
| dot-grid-hero | registry: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` |
| starfield-hero | registry: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` |
| compare | registry: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 | registry: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 | registry: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 | registry: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 | registry:component | An animated orbital carousel with smooth active-card transitions. | `npx shadcn@latest add https://nexus-ui.com/r/circular-carousel.json` |
| chat-messages | registry: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 | registry: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 | registry:component | A bold \ | `npx shadcn@latest add https://nexus-ui.com/r/ask-nexus-input.json` |
| interactive-globe-explorer | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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` |
| logo-clouds | registry: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 | registry:component | Simple, collapsible, and grouped animated sidebar navigation layouts. | `npx shadcn@latest add https://nexus-ui.com/r/sidebar.json` |
| contact-page | registry: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 | registry: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` |

## For AI agents

```text
You are adding components from @nexus-labs to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/nexus-labs.md) for the component list.
2. Fetch the machine-readable index: https://nexus-ui.com/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: nexus-labs).
```