Introduction

Libraries.dev is a small collection of React libraries for the visual effects that usually take a shader specialist to build: a beam of light travelling a card's border, orbs that think while a model works, shapes that merge like liquid, brushed metal that catches the light, and an image loader that dissolves a pixel mosaic into a real photo.

Each one installs from npm and drops into your app as a single component that wraps the element you already have. Your markup keeps its semantics, the effect renders around or behind it, and the whole thing is tuned by props rather than by hand-written WebGL. Four of the five run on the GPU and pause themselves when off-screen, so they stay cheap even when several sit on one page.

Pick a library from the sidebar to see it three ways: a live Preview you can play with, the Install command, and the Usage code. Every detail page carries a playground where you can tune the effect and copy the exact configuration, and a Tune in Studio button that opens the same controls in the full workbench with an AI agent alongside them.