Development · Website
Libraries.dev
Crafted React UI effect libraries designed for modern and AI apps
Libraries.dev is a collection of production-ready React UI visual effects built by Jakub Antalik, including animated border beams, thinking orbs, liquid metal, and gooey animations. The open-source npm packages are optimized for dark modern interfaces and designed to integrate easily into coding agents like Cursor or Claude Code. An interactive playground lets you preview effects, with a paid Studio tier for deeper customization and presets.
What it's for
- Add thinking orbs to represent AI loading or reasoning states in an app
- Apply animated glowing border beams to highlighted UI cards or buttons
- Integrate liquid metal and gooey visual effects into modern React interfaces
- Prompt AI coding assistants like Cursor to install and configure visual components
Features
- Multiple specialized UI effect packages: Border beam, Thinking orbs, Gooey, Liquid Metal, and Image generation
- Open-source React components available via npm with zero runtime dependencies (except Three.js on Image)
- Agent-ready prompt exports formatted for direct use in Cursor, Claude Code, and Codex
- Web playgrounds to test and preview effect variants and parameters
- SwiftUI and React Native support for selected components like Beam and Orb
- Studio Pro interface for advanced configuration, custom presets, and fine-tuning
Pricing
Freemium. Core npm libraries are free and open source (MIT); Pro plan unlocks Studio for deep customization and presets.
Details
- Type
- Website
- Category
- Development
- Topic
- UI Components
- Open source
- Yes
- Platforms
- Web, Code library
- For
- Frontend developers and designers building modern web apps and AI interfaces
- Alternative to
- Magic UI, Aceternity UI
- Tags
- react, ui, animations, webgl, effects, ai ui
Why it was saved
- @Jakubantalik: Copy-paste animated components (border beams, AI "thinking" orbs, liquid metal borders, gooey image transitions) for dark, modern product UIs, especially AI interfaces needing loading/searching states.
Compare
Related
Copy-paste React UI components built with Tailwind CSS and Radix primitives.
Pre-built, responsive shadcn/ui blocks and layouts for React applications
Open-source animation library for React, Vue, and vanilla JavaScript
Open-source animated and interactive React UI components and backgrounds
Curated directory of crafted React, Tailwind, and shadcn UI components.
Open-source animated React icons built with Lucide and Motion
Updated