Nexus UI

Background Effect Components

Ambient backgrounds for hero sections and landing pages: meteors, sparkles, animated gradients, interactive grids, and light beams. Lightweight, theme-aware, and ready for the App Router.

All background effects in Nexus UI

  • Beam Sweep Field

    Slow sweeping light column for cinematic section backgrounds.

  • Background Gradient

    Animated gradient wrapper with soft glow and blur for cards, buttons, and hero sections.

  • Meteor Effect

    Animated diagonal meteor beams with glow heads and trailing streaks, designed as a reusable background layer for cards and hero sections.

  • Background Boxes

    Animated isometric grid background with hover color effects and cross markers. Fully configurable skew, scale, box dimensions, and colors.

  • Shader Flow

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

  • Shooting Stars Grid

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