AIcss · Index

AIcss

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

Tier A · StrongComponent LibraryRegistryaicss.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.

Facts

License: Commercial license, Unknown
Pricing: Freemium, One-time purchase, Free but account required
Framework: React, Vue, Svelte
Styling: Vanilla CSS, CSS custom properties
Distribution: Copy-paste snippet, Public HTTP API, Web app / online tool
Platform: Web
Content type: Code
Agent readiness: llms.txt, Public API without auth, Ships a ready LLM prompt, Copy-paste ready code, Agent access behind payment
Accessibility: Unknown
Maturity: Beta
Pricing detail: 9 of 14 components are free. The remaining 5 unlock with a one-time lifetime licence in Personal or Enterprise tiers; the exact figures are behind /pricing and were not verified.

Components it ships

14 total

Reasoning Typing Indicator Status Indicator Tool Call Sources Diff View Diff Proposal Generated Image Message Streaming Text Inline Citation Code Block Task Plan Table Comparison Table Prompt Input Attachments Model Selector

Helps you build

AI Chat Panel Chat Web App

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)

Also in AI Interface Kits

aicss.devTier A