Nexus-UI

UI systems lab

ComponentsTemplatesBlocksPricingBlog
Sign inGet premium
Nexus-UI

A premium marketplace for animated interfaces — components, templates, and blocks engineered for Next.js, Tailwind, and Framer Motion.

Product

  • Components
  • Templates
  • Blocks
  • Pricing

Developers

  • Installation
  • Utilities
  • Blog
  • Search

Account

  • Sign in
  • Dashboard
© 2026 Nexus-UI. Built for developers who ship.
Get All-Access
⌘K

Installation

Nexus-UI setupInstall Next.jsInstall Tailwind CSSAdd utilitiesCLIAdd shadcn/uiFramer Motion

Templates

Aurora SaaS LaunchNewForge AI StartupNewVector Dev PortfolioStudio Deck AgencyAurora Analytics DashboardOrbit Productivity SuiteSimplistic AI SaaSOrbit AI Developer Tool

Sections and Blocks

All blocks3Feature grids1Interactive backgrounds1FAQ sections1

Backgrounds & Effects

Background EffectsNew63D ComponentsNew4Shaders1Motion Effects22AI Components3

Card Components

Cards11Bento Grids3Dashboards1Loaders1

Text, Forms & Navigation

Motion Effects22Login Forms1Signup Forms2Contact Sections1Navbars2Footers1
All components75

Advanced search →
Components catalog

Components

Production-ready UI components for modern product interfaces. Animated, accessible, and built to ship.

25 components
Showing 22 resultsMotion Effects

Word Magnet

Motion Effects

Cursor-reactive text where whole words gently repel from the pointer and spring back without splitting letters.

View Component

Real-Time Cursors

Motion Effects

Collaborative workspace preview with animated teammate cursors, code review cards, and simulated live presence trails.

View Component

Tracing Spotlight Panel

Motion Effects

Cursor-traced highlight for feature callouts and pricing tiers.

View Component

Gooey Search Input

Motion Effects

Expandable pill search with a detached icon bubble merged through an SVG goo filter and spring layout.

View Component

Interactive Terminal

Motion Effects

macOS-style terminal window with typewriter commands, cursor blink, output sequencing, and optional sound.

View Component

RippleLine squiggly text

Motion Effects

Hero-grade headline with an animated wave underline, turbulence + Gaussian blur + displacement, optional glyph micro-warp, and reduced-motion fallbacks.

View Component

Stateful message button

Motion Effects

Animated async button with idle → loading → success transitions, built-in click guarding, and smooth icon/text motion.

View Component

Sparkles field

Motion Effects

Configurable animated particle field for hero highlights, card backgrounds, and decorative UI layers with optional pointer interaction.

View Component

Text Generate Effect

Motion Effects

Animated text reveal that fades words, characters, or lines into view with optional blur and upward motion.

View Component

Typewriter Effect

Motion Effects

Character-by-character typewriter text animation with blinking cursor, optional deleting, looping, and semantic heading support.

View Component

Infinite Moving Cards

Motion Effects

Customizable infinite marquee of cards with seamless looping, direction controls, hover pause, and optional custom rendering.

View Component

Encrypted Text

Motion Effects

Characters shuffle through gibberish before locking into the final string — a futuristic cyber decoding reveal for hero headings, buttons, badges, and nav links.

View Component

Mac Keyboard

Motion Effects

Fully interactive Mac-style keyboard with Web Audio synthesised click sounds, Framer Motion keycap animations, and real-time physical keyboard highlighting.

View Component

Images Badge

Motion Effects

Stacked avatar/image pill that fans open on hover — ideal for team badges, social proof, avatar groups, and template galleries.

View Component

Before / After Compare

Motion Effects

Drag a vertical handle to compare two images side-by-side. Supports mouse and touch, optional labels, custom start position, and any aspect ratio.

View Component

Animated Select Headline

Motion Effects

A cycling word headline where each active word is highlighted with a Figma-style selection rectangle — thin border with corner handles — using blur-fade transitions.

View Component

Warp Speed Card

Motion Effects

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 stays static; the effect lives entirely behind it.

View Component

Scroll Reveal Text

Motion Effects

Premium scroll-linked text reveal — words, characters, or lines emerge from muted gray to bright white as the user scrolls, with optional blur dissolve and staggered cascade.

View Component

Animated Countdown

Motion Effects

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

View Component

Hover Highlight Text

Motion Effects

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

View Component

Motion Layer Scroller

Motion Effects

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

View Component

Command Palette

Motion Effects

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

View Component

Blocks

Interactive Background Card

Interactive backgrounds

Interactive hero backgrounds with cursor fields, layered waves, particle noise, and premium motion depth.

View Block

Blocks

Why Choose Us Bento Grid

Feature grids

Animated feature bento collection with mentoring cards, ATS scoring, upload flows, interview scheduling, and progress tracking.

View Block

Blocks

FAQ Folder Card

FAQ sections

A collection of FAQ sections with editable data, searchable categories, and chat-style animated answers.

View Block