Skip to content
IndexDesign corpus
AI Interface KitsComponent LibraryRegistryCommercial licenseFreemiumReact

AIcss

14 copy-paste AI-conversation UI components in React, Vue and Svelte, plain CSS

Aboutaicss.dev

AIcss is a small library of the UI states an AI agent shows mid-conversation: thinking and reasoning blocks, orb activity indicators, web-search and file-diff tool states, streaming text, inline citations, code blocks, to-do lists and a composer input. Every component ships React, Vue and Svelte source with plain CSS custom properties - no Tailwind and no UI dependencies. Nine of the fourteen are free; the rest need a one-time lifetime licence. The linked page is the Orbs component - compact animated DOM/CSS activity dots for agent status.

For an agent

Fetch https://www.aicss.dev/llms.txt first - it lists all 14 components with slugs, free/licensed status and a JSON code endpoint at /r/{slug}, plus /r/{slug}?format=md which returns the component as a ready-to-paste markdown prompt. That makes it the rare AI-UI kit you can consume end-to-end without a browser. Reach for it over Vercel's AI Elements when the target is Vue or Svelte, or when the project has no Tailwind - AIcss is plain CSS custom properties, so it drops into any stack, but it also means you inherit no design-token system and must theme it by hand. The five licensed components (Web Search, File Diff, Image Generation, Inline Citations, Comparison Table) return 401 without a bearer token, so plan a fallback rather than assuming the fetch succeeds.

Why it is here. It is one of the few component libraries built for what an agent renders rather than what a form renders, and its llms.txt plus JSON/markdown code endpoints make it genuinely machine-consumable instead of merely documented.

Install command, framework, licence and component list.
Components it ships14 total
Helps you build2
Notable for
  • llms.txt with per-component slugs and free/licensed flags
  • /r/{slug}?format=md returns a paste-ready prompt
  • React, Vue and Svelte from one source
  • plain CSS, no Tailwind, zero UI dependencies
  • agent-specific states: reasoning, tool calls, file diffs
Provenance

Verified 2026-08-15. HTTP 200. https://www.aicss.dev/components/orbs, https://www.aicss.dev/ (raw HTML), https://www.aicss.dev/llms.txt, https://www.aicss.dev/r/registry.json (404)

Related resourcesAI Interface Kits