Scrim UI

22 Component Libraries

Component and UI libraries for AI interfaces.

Every entry carries a note on why it is here, not just what it is.

Vercel AI SDK

FreeAI-native

Official React, Vue and Svelte components and hooks for streaming AI responses.

Why we list it: The streaming foundation most React AI apps are built on — pairs well with our visual states on top.

reactstreamingsdk
source: officialOfficial site

assistant-ui

FreeAI-native

Open-source toolkit of chat and agent UI components for React.

Why we list it: Drop-in chat canvas with threads, streaming and tools — good for production chat apps.

reactchatagentopen-source
source: officialOfficial site

CopilotKit

FreeAI-native

Framework for building in-app AI assistants and copilots.

Why we list it: Embed copilots into existing apps rather than building a separate chat surface.

reactcopilotframework
source: officialOfficial site

Copy-paste component library that most AI product teams build on.

Why we list it: Not AI-specific, but the baseline stack our copyable components assume.

reacttailwindradix
source: officialOfficial site

Magic UI

FreeAI-native

Animated components for AI dashboards, agents and landing pages.

Why we list it: Great for motion-rich moments — orbs, beams, spotlight — around AI features.

reactanimationmarketing
source: officialOfficial site

Modern UI components including agent and AI dashboard sections.

Why we list it: Strong landing-page and dashboard components with a distinctive look.

reactcomponentsdashboard
source: officialOfficial site

Flowbite

Free

Tailwind components including a chat and AI starter kit.

Why we list it: A quick way to scaffold a chat UI if you are already on Flowbite.

tailwindchatcomponents
source: officialOfficial site

Headless, accessible primitives — the foundation under shadcn/ui.

Why we list it: The unstyled layer most React AI stacks build on; our copyable components assume it indirectly.

reactheadlessaccessible
source: officialOfficial site

Unstyled React primitives from MUI, extracted into a standalone library.

Why we list it: A lighter, React 19-ready alternative to Radix for building custom AI components.

reactheadlessmui
source: officialOfficial site

HeroUI

FreeAI-native

Beautifully styled React components with prebuilt AI app templates.

Why we list it: Ships ready-made chat and agent layouts if you want to start closer to finished.

reacttemplateschat
source: officialOfficial site

Accessible React component library with a strong theme system.

Why we list it: A mature design-system base for teams that want theming out of the box.

reactdesign-systemaccessible
source: officialOfficial site

Full-featured React component library with over 100 components.

Why we list it: Good for data-dense AI dashboards — tables, overlays and notifications included.

reactcomponentsdashboard
source: officialOfficial site

Park UI

Free

Styled component library built on Ark UI primitives with Tailwind or CSS.

Why we list it: If you want the shadcn feel but need Ark UI's headless control instead of Radix.

reactark-uitailwind
source: officialOfficial site

Unstyled, accessible components from Tailwind Labs.

Why we list it: Menus, dialogs and popovers with no styling opinion — style to match your AI brand.

reactheadlessaccessible
source: officialOfficial site

Component classes that sit on top of Tailwind, no build config needed.

Why we list it: The fastest way to prototype with Tailwind if you don't want a React library.

tailwindclassescss
source: communityOfficial site

LangChain

FreeAI-native

Framework for building LLM apps with tool use and agentic loops.

Why we list it: The standard agent framework — pair its tool-calling primitives with our tool-call and approval UIs.

pythonagentframework
source: officialOfficial site

LangGraph

FreeAI-native

Stateful agent orchestration — build and visualize agent state machines.

Why we list it: When agents get complex enough to need explicit state graphs and persistence.

pythonagentgraph
source: officialOfficial site

LlamaIndex

FreeAI-native

Data framework for RAG — connect your data to LLMs with retrievers and indexes.

Why we list it: The reference for retrieval UIs — context files and source cards map directly to its retrieval objects.

ragretrievalframework
source: officialOfficial site

Chainlit

FreeAI-native

Open-source Python framework for building ChatGPT-like LLM apps.

Why we list it: Fast path to a chat UI in pure Python if your stack isn't React.

pythonchatopen-source
source: communityOfficial site

Streamlit

FreeAI-native

Python framework to turn data scripts into shareable web apps, incl. AI demos.

Why we list it: Prototype an AI feature for stakeholders without writing frontend code.

pythondata-appsprototype
source: officialOfficial site

Dify

FreeAI-native

Open-source LLM app builder with visual workflow, RAG and agent tools.

Why we list it: Self-host a full LLM app platform; its workflow builder is a good model for agent UIs.

llm-appsworkflowopen-source
source: communityOfficial site

Lobe Chat

FreeAI-native

Open-source ChatGPT UI with plugins, voice and local models.

Why we list it: A polished reference implementation of an agent chat canvas you can self-host.

chatopen-sourceself-hosted
source: communityOfficial site

Other categories