๐ŸŽฏ Nexus teaches Next.js from foundations to professional systemsโ€ขโšก App Router, React 19, and Tailwind v4 in one learning pathโ€ข๐Ÿงฉ Inspect real components, layouts, and reusable patternsโ€ข๐Ÿ› ๏ธ Build production discipline, not just polished demosโ€ข๐Ÿ“š Tracks, references, and design studies in one placeโ€ข๐ŸŽฏ Nexus teaches Next.js from foundations to professional systemsโ€ขโšก App Router, React 19, and Tailwind v4 in one learning pathโ€ข๐Ÿงฉ Inspect real components, layouts, and reusable patternsโ€ข๐Ÿ› ๏ธ Build production discipline, not just polished demosโ€ข๐Ÿ“š Tracks, references, and design studies in one placeโ€ข๐ŸŽฏ Nexus teaches Next.js from foundations to professional systemsโ€ขโšก App Router, React 19, and Tailwind v4 in one learning pathโ€ข๐Ÿงฉ Inspect real components, layouts, and reusable patternsโ€ข๐Ÿ› ๏ธ Build production discipline, not just polished demosโ€ข๐Ÿ“š Tracks, references, and design studies in one placeโ€ข๐ŸŽฏ Nexus teaches Next.js from foundations to professional systemsโ€ขโšก App Router, React 19, and Tailwind v4 in one learning pathโ€ข๐Ÿงฉ Inspect real components, layouts, and reusable patternsโ€ข๐Ÿ› ๏ธ Build production discipline, not just polished demosโ€ข๐Ÿ“š Tracks, references, and design studies in one placeโ€ข
Component Gallery

Animations

Motion effects, transitions, and animated UI elements

FadeIn

New

Fade an element in on mount or when it enters the viewport.

  • โœ“Viewport-triggered
  • โœ“Configurable delay/duration
  • โœ“Y-offset slide-up combined
View component

SlideIn

New

Slide an element in from any direction (up, down, left, right).

  • โœ“4 directions
  • โœ“Configurable distance
  • โœ“Viewport-triggered
View component

StaggerChildren

New

Sequentially animate children with a stagger delay between each.

  • โœ“Sequential stagger
  • โœ“Viewport-triggered
  • โœ“Works with any children
View component

ScaleOnHover

New

Scale an element up on hover and down slightly on tap/click.

  • โœ“Hover scale
  • โœ“Press scale
  • โœ“Spring physics
View component

TextReveal

New

Reveal text word-by-word with a clip-path slide animation.

  • โœ“Word-by-word reveal
  • โœ“Clip-path animation
  • โœ“Viewport-triggered
View component

CountUp

New

Animate a number from 0 (or any value) up to a target with easing.

  • โœ“requestAnimationFrame
  • โœ“Viewport-triggered
  • โœ“Prefix/suffix
View component

AnimatedList

New

Animate a list of items in sequentially, with enter/exit transitions.

  • โœ“Generic typing
  • โœ“AnimatePresence exits
  • โœ“Configurable direction
View component

ParallaxScroll

New

Apply a parallax scroll effect to any element based on scroll position.

  • โœ“useScroll + useTransform
  • โœ“Element-scoped scroll range
  • โœ“Reverse option
View component

Typewriter

New

Animated typing effect that cycles through an array of words.

  • โœ“Blinking cursor
  • โœ“Configurable speeds
  • โœ“Auto-loops
View component

FlipWords

New

Cycle through words with a 3D flip animation using Framer Motion.

  • โœ“3D rotateX flip
  • โœ“AnimatePresence
  • โœ“Configurable timing
View component

InfiniteMarquee

New

Infinite horizontal scrolling ticker with pause-on-hover support.

  • โœ“Seamless loop via doubled items
  • โœ“Fade edge mask
  • โœ“Pause on hover
View component

SpotlightEffect

New

Radial spotlight that follows cursor movement over a container.

  • โœ“Mouse tracking
  • โœ“Radial gradient
  • โœ“Configurable size & color
View component

AuroraBackground

New

Animated aurora gradient background with flowing color blobs.

  • โœ“3 animated blobs
  • โœ“Blur + opacity
  • โœ“Speed preset
View component

TracingBeam

New

Scroll-progress side beam that traces reading position down the page.

  • โœ“useScroll + useTransform
  • โœ“Glowing dot
  • โœ“Gradient fade tail
View component

MorphingText

New

Blur-morph text animation that transitions between words.

  • โœ“Blur + scale morph
  • โœ“AnimatePresence
  • โœ“Smooth crossfade
View component

Confetti

New

Canvas confetti burst triggered by a button click.

  • โœ“canvas-confetti library
  • โœ“Customizable colors
  • โœ“Respects reduced motion
View component

BlurReveal

New

Reveal content from blur as it enters the viewport.

  • โœ“useInView trigger
  • โœ“Configurable blur & delay
  • โœ“One-shot or repeat
View component

FloatingParticles

New

Canvas-based floating dot particles animation.

  • โœ“Canvas 2D
  • โœ“Bounce off edges
  • โœ“ResizeObserver responsive
View component

GradientBorder

New

Animated gradient border wrapper that cycles colors continuously.

  • โœ“Background-position animation
  • โœ“Customizable colors
  • โœ“Dark cutout interior
View component

WordPullUp

New

Words animate up and fade in staggered when entering the viewport.

  • โœ“Staggered by word
  • โœ“useInView trigger
  • โœ“Overflow clip per word
View component