Components & Libraries
Component libraries — from unstyled accessible primitives to ready-made animated sections.
Ranges from headless primitives you style yourself, through styled kits, to high-impact animated marketing components. The “foundation” subcategory is where accessibility and control live; the “animated” subcategory is where visual impact lives. Most are free and open source, but check per-library.
23 resources.
23 of 23
-
Ark UI
Headless / foundation components
Headless, multi-framework.
Best for Building accessible components from unstyled primitives.
- Verified Sep 2026
- Maintenance: Active
More
Why it's here Active; useful only if you need Vue/Solid parity.
Less suited to Useful only if you need Vue/Solid parity.
- Open Source
- Open source
- npm
- npm
- Installs for AI agents
-
Base UI (MUI)
Headless / foundation components
Unstyled accessible components; shadcn's newer base.
Best for Building accessible components from unstyled primitives.
- Verified Sep 2026
- Maintenance: Active
More
Why it's here The direction shadcn is heading.
- Open Source
- Open source
- npm
- npm
- Installs for AI agents
-
Cult UI
Animated component kit
Best for Adding high-impact animated marketing sections.
- Verified Sep 2026
- Maintenance: Active
More
Why it's here Animated shadcn-compatible components for expressive interfaces.
- Open Source
- Open source
- Web
- Installs for AI agents
-
daisyUI
Styled component kit
Best for Assembling interfaces from ready-made styled components.
- Verified Sep 2026
- Maintenance: Active
More
Less suited to Watermelon UI: small, verify activity.
- Free
- Web
- Reference URL
-
Flowbite
Styled component kit
Tailwind components + blocks.
Best for Assembling interfaces from ready-made styled components.
- Verified Sep 2026
- Maintenance: Active
More
Why it's here Generic look.
- Open Source
- Open source
- npm
- npm
- Installs for AI agents
-
HeroUI (ex NextUI)
Styled component kit
Polished React components.
Best for Assembling interfaces from ready-made styled components.
- Verified Sep 2026
- Maintenance: Active
More
Why it's here Active; strong for dashboards.
- Open Source
- Open source
- npm
- npm
- Installs for AI agents
-
HyperUI
Animated component kit
Free Tailwind marketing/app snippets.
Best for Adding high-impact animated marketing sections.
- Verified Sep 2026
- Maintenance: Active
More
Why it's here A large set of free Tailwind component patterns.
- Open Source
- Open source
- Web
- Reference URL
-
Kibo UI
Styled component kit
Composable shadcn components (gantt, kanban, editor…).
Best for Assembling interfaces from ready-made styled components.
- Verified Sep 2026
- Maintenance: Slowing
More
Why it's here May 2026; app-UI oriented.
- Open Source
- Open source
- Web
- Installs for AI agents
-
Magic UI
Animated component kit
150+ animated marketing components (marquee, beams, bento).
Best for Adding high-impact animated marketing sections.
- Verified Sep 2026
- Maintenance: Active
More
Why it's here Installs through the shadcn registry, so AI coding agents can pull its animated sections directly.
- Open Source
- Open source
- npm
- npm
- Installs for AI agents
-
Motion Primitives
Animated component kit
Subtle, expensive-feeling Motion-based components.
Best for Adding high-impact animated marketing sections.
- Verified Sep 2026
- Maintenance: Slowing
More
Why it's here Author now focused on ui-skills. Components still work.
- Open Source
- Open source
- npm
- npm
- Installs for AI agents
-
Nuxt UI
Styled component kit
Vue/Nuxt system.
Best for Assembling interfaces from ready-made styled components.
- Verified Sep 2026
- Maintenance: Active
More
- Open Source
- Open source
- npm
- npm
- Installs for AI agents
-
Origin UI
Styled component kit
Large clean shadcn-style component collection.
Best for Assembling interfaces from ready-made styled components.
- Verified Sep 2026
- Maintenance: Active
More
- Open Source
- Open source
- Web
- Installs for AI agents
-
Preline UI
Styled component kit
Tailwind components/templates.
Best for Assembling interfaces from ready-made styled components.
- Verified Sep 2026
- Maintenance: Active
More
Why it's here A broad Tailwind component library for standard interface needs.
- Freemium
- npm
- npm
- Installs for AI agents
-
PrimeVue
Styled component kit
Comprehensive Vue systems.
Best for Assembling interfaces from ready-made styled components.
- Verified Sep 2026
- Maintenance: Active
More
Why it's here app-oriented.
- Open Source
- Open source
- npm
- npm
- Installs for AI agents
-
Radix Primitives
Headless / foundation components
Accessible headless primitives (under shadcn).
Best for Building accessible components from unstyled primitives.
- Verified Sep 2026
- Maintenance: Active
More
Why it's here Stable but commits slowing () as shadcn shifts toward Base UI.
- Open Source
- Open source
- npm
- npm
- Installs for AI agents
-
React Aria
Headless / foundation components
Adobe's a11y primitives.
Best for Building accessible components from unstyled primitives.
- Verified Sep 2026
- Maintenance: Active
More
Why it's here Gold-standard a11y but heavier mental model than Radix/Base.
- Open Source
- Open source
- npm
- npm
- Installs for AI agents
-
React Bits
Animated component kit
Creative animated components & backgrounds.
Best for Adding high-impact animated marketing sections.
- Verified Sep 2026
- Maintenance: Active
More
- Open Source
- Open source
- npm
- npm
- Installs for AI agents
-
Sections
Styled component kit
Best for Assembling interfaces from ready-made styled components.
- Verified Sep 2026
- Maintenance: Active
More
Less suited to Watermelon UI: small, verify activity.
- Free
- Web
- Reference URL
-
shadcn/ui
Styled component kit
Open-source component collection you copy into your own codebase rather than install as a dependency.
Best for Owning your UI primitives outright, with full control over markup and styling.
- Verified Sep 2026
- Maintenance: Active
More
Less suited to Anyone wanting a batteries-included component library they never have to maintain.
- Open Source
- Open source
- npm
- npm
- Installs for AI agents
-
tweakcn
Styled component kit
Visual shadcn theme editor → CSS vars.
Best for Assembling interfaces from ready-made styled components.
- Verified Sep 2026
- Maintenance: Active
More
Why it's here Fastest way to give each client a distinct shadcn theme.
- Open Source
- Open source
- Web
- Browser only
-
Vue Bits
Styled component kit
Best for Assembling interfaces from ready-made styled components.
- Verified Sep 2026
- Maintenance: Active
More
Less suited to Watermelon UI: small, verify activity.
- Free
- Web
- Reference URL
-
Vuetify
Styled component kit
Comprehensive Vue systems.
Best for Assembling interfaces from ready-made styled components.
- Verified Sep 2026
- Maintenance: Active
More
Why it's here app-oriented.
- Open Source
- Open source
- npm
- npm
- Installs for AI agents
-
Watermelon UI
Styled component kit
Best for Assembling interfaces from ready-made styled components.
- Verified Sep 2026
- Maintenance: Active
More
Less suited to Watermelon UI: small, verify activity.
- Free
- Web
- Reference URL
No resources match these filters. Clearing a filter usually widens the results.
Compare tools for a job
Compare tools for ready-made animated sections 5 options
| Option | Maintenance | Cost | Access |
|---|---|---|---|
| Magic UI | Daily | Free | Installs automatically |
| React Bits | Daily | Free | Installs automatically |
| Origin UI | Daily | Free | Installs automatically |
| Motion Primitives | Mar 2026 | Free | Installs automatically |
| Cult UI | Jul 2026 | Free | Installs automatically |