Libraries.dev

Collections

High-crafted React effect libraries tailored for AI agents, featuring Border Beam, Thinking Orbs, Gooey, Liquid Metal, and Image Loaders.

Included Components

LibrariesHow to useSkillStudioGetSign inBorder beamThinking orbsGooeyVoiceBot avatarsMetalImageTermsPrivacyKind words from XCopy the prompt.Paste it to coding agentCopy the promptPaste it in your agentMake it yoursFAQsBorder Beam (@libraries/beam)Thinking Orbs (@libraries/orb)Gooey Liquid UI (@libraries/gooey)Liquid Metal (@libraries/metal)Image Generation Loader (@libraries/image)Interactive PlaygroundsFigma Design AssetsCustom Shaders & Canvas Controls

Libraries.dev is a curated suite of production-ready React effect libraries purpose-built for modern AI agent products and craft-focused web applications. Developed by Jakub Antalík, the toolkit provides five standalone, high-performance visual effects: Border Beam (an animated rainbow glow following arbitrary element borders), Thinking Orbs (2D canvas particle thought-state indicators), Gooey (liquid morphing and merging UI pieces), Liquid Metal (real-time reflective chrome rings for buttons and icons), and Image Generation (WebGL card generation loaders). Each effect ships as an independent npm package with TypeScript definitions and zero unnecessary dependencies.

#animation #loading indicator #React #design-engineer #ai-native

Libraries.dev

Included Components

More in Collections