LogoReactUI Library
HomeComponentsShowcaseThemesNServicesNNextGenNPricingContact

Resources

Theme ExtractorExtract palettes from any site or imageColor LabPick, mix, export & engineer colorsGalleryUI screenshots & inspirationBlogArticles & tutorialsDocumentationGuides & API referenceAboutCompany, mission & teamExamplesReal-world code examples
  1. Home
  2. /Animations
R
ReactUI

A comprehensive React component library with beautiful design, accessibility, and developer experience in mind.

Product

  • Components
  • Documentation
  • Examples
  • Buttons
  • Cards

Resources

  • Getting Started
  • Installation
  • Theming
  • API Reference
  • Free PDF & Image Tools

Community

  • About Us
  • GitHub
  • Discord
  • Twitter

© 2026 ReactUI Library. All rights reserved.

Privacy PolicyTerms of ServiceRefund Policy

Animations

Motion Library

Copy-paste WebGL & CSS animations. Pick one to preview it live.

Backgrounds

Text Animations

Image Animations

Gallery Animations

Nebula

New
✦Nebulae
FeaturesAboutSign up
M42Just shipped

Born fromstardust

ExploreLearn more
Usage
import Nebula from "@/components/animations/backgrounds/Nebula";

// the gas swirls with differential rotation & the core breathes
// like a variable star — it lives entirely on its own
<Nebula colors={["#2b1055", "#b83280", "#7fd7ff"]} speed={1} />