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.

Accessible React component library to copy, customize, and own your UI. Built for Next.js, Vite, and Laravel.

Crafted by dervyon. Peep the Source Code on GitHub.

Hosted on Vercel. The source code's got the MIT license.

2025 - 2026 · LibravelUI ™

Starter Kits

Templates

    Coming Soon

Labs