Particles

An interactive particle system component for building lively, animated visual effects.

WebGL PoweredInteractiveHigh Performance
Basic
Features

WebGL Rendering

Powered by OGL for high-performance graphics.

Mouse Interaction

Particles react to cursor movement.

Customizable

Adjust particle count, color, and behavior.

Installation
Works with npm, pnpm, yarn, and bun

$npx libravelui@latest add particles

Anatomy
import { Particles } from "@/components/ui/motion/particles";<Particles />
Testing Playground
Props

Loading types…

Edit on GitHub

Morphing Card

An interactive morphing card that smoothly transitions between preview and detailed views.

Tilting Card

A smooth, physics-driven 3D tilt effect that brings components to life with dynamic motion.