Astryx Design System
An open-source design system that is fully customizable and agent ready.
FrameworkWorkflowsWebFree
4.6Visit
Website
Libraries.dev
High-crafted UI effect libraries for AI agents and modern apps.
Day 43 since launch · Launched 25 August 2026
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletter
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletterBuilt with love by Shushant Lakhyani. Building bestproductivityresources.com
Screenshot or bookmark this page so you find it later, then share it with your network.
What is Libraries.dev?
Libraries.dev is the home of the UI effect libraries Beam, Orb, Gooey, Metal and Image, production-ready React effects you install from npm and drop straight into an app. The collection includes border beams that ride a glowing highlight along an element's edge, thinking orbs for loading states, gooey elements that merge like liquid, a glow that rises with your voice and a loader that morphs into the generated image. With more than 2.3 million installs and praise from builders at Vercel, Intercom and Stripe, the effects are designed to be prompted into place by coding agents as easily as by hand.
Pros
- Production-ready React effects installable from npm
- Built to work smoothly with AI coding agents
- Over 2.3 million installs and strong community praise
- Effects cover loaders, orbs, beams, gooey and metal styles
Cons
- React only, so other frameworks are not supported
- Full access to every effect requires the Pro tier
Who should use Libraries.dev
React developers and designers who want polished, agent-friendly UI effects without building animations from scratch.
Who may not need it
Teams working in Vue, Svelte or vanilla stacks, or apps that deliberately avoid decorative animation.
Libraries.dev alternatives
Similar resources to Libraries.dev, picked from the directory.
Transitions.dev
Essential UI transitions for web apps, built to use with AI coding agents.
FrameworkWorkflowsWebFree
4.5Visit
ForgeUI
Animated React and Tailwind components, blocks and templates.
WebsiteWorkflowsWebFreemium
4.4Visit
Frontend Design Skill
An official Claude skill for distinctive, intentional UI design that never reads as a templated default.
AI ToolAI ProductivityWebFree
4.8Visit
21st
12,000+ hand-crafted React and Tailwind components, templates and shadcn themes.
WebsiteWorkflowsWebFreemium
4.7Visit
Theme Factory Skill
An official Claude skill with 10 pre-set color and font themes you can apply to slides, docs, reports and landing pages.
AI ToolAI ProductivityWebFree
4.7Visit
Free alternatives to Libraries.dev
Free resources that cover similar ground.
Kage
Design inspiration from real products, turned into prompts for AI agents.
WebsiteWorkflowsWebFree
4.6Visit
Keyline Icons
1,114 free MIT-licensed icons for shadcn/ui, in four styles.
WebsiteWorkflowsWebFree
4.6Visit
Wake
All your AI agent sessions in one place — browse, search, resume.
Desktop AppAI ProductivitymacOS, WindowsFree
4.6Visit
microcharts
Word-sized charts for React.
WebsiteWorkflowsWebFree
4.5Visit
shadercn
Beautiful WebGPU/WGSL shader components for React, built on vgpu and TypeGPU and distributed via shadcn.
WebsiteWorkflowsWebFree
4.5Visit
bloks
A local-first desktop workspace for personal AI agents.
Desktop AppAI ProductivitymacOS, WindowsFree
4.4Visit
Featured on Best Productivity Resources
Made Libraries.dev? Add this free badge to your website or README. It links to this page.
<a href="https://bestproductivityresources.com/resources/libraries-dev" target="_blank" rel="noopener"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>