---
name: "@ai-blocks"
slug: "ai-blocks"
description: "50+ browser-native AI UI components powered by WebLLM — runs large language models directly in the browser with no server and no API keys required. Categories include: chat interfaces (simple chat, personas, voice chat, tool use), text generation (streaming, rewriter, expander, autocomplete), structured output (sentiment analysis, entity extraction, JSON generation), content tools (summarization, translation), forms (smart validation, autofill), e-commerce (product search, reviews, size advisor), education (flashcards, quizzes, Socratic tutoring), and accessibility helpers. Requires the webllm npm package, React 18+, and shadcn/ui. Free, open-source. Use for: privacy-first AI features where all inference must stay client-side, with zero backend infrastructure."
category: "AI/chat UI"
tags: ["accessibility", "ai", "audio", "blocks", "cards", "developer-tools", "e-commerce", "forms", "hooks"]
framework: "react"
license: null
author: "webllm-org"
website: "https://webllm.org/blocks"
github: "https://github.com/webllm-org/ai-blocks"
registry: "https://webllm.org/r/{name}.json"
pro: false
pro_url: null
github_stars: 9
component_count: 0
generated_at: "2026-07-28T08:59:05.895Z"
---

# @ai-blocks

50+ browser-native AI UI components powered by WebLLM — runs large language models directly in the browser with no server and no API keys required. Categories include: chat interfaces (simple chat, personas, voice chat, tool use), text generation (streaming, rewriter, expander, autocomplete), structured output (sentiment analysis, entity extraction, JSON generation), content tools (summarization, translation), forms (smart validation, autofill), e-commerce (product search, reviews, size advisor), education (flashcards, quizzes, Socratic tutoring), and accessibility helpers. Requires the webllm npm package, React 18+, and shadcn/ui. Free, open-source. Use for: privacy-first AI features where all inference must stay client-side, with zero backend infrastructure.

## Links

- Website: https://webllm.org/blocks
- GitHub: https://github.com/webllm-org/ai-blocks
- Registry JSON: https://webllm.org/r/{name}.json
- Directory page: https://sh4dcn.vercel.app/registry/ai-blocks
- This file: https://sh4dcn.vercel.app/md/ai-blocks.md

## Install

```sh
# clone the source repo
git clone https://github.com/webllm-org/ai-blocks.git
# fetch the raw registry index
curl -s https://webllm.org/r/{name}.json
```

## Components (0)

_No public registry index resolved for this library._

## For AI agents

```text
You are adding components from @ai-blocks to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/ai-blocks.md) for the component list.
2. Fetch the machine-readable index: https://webllm.org/r/{name}.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: ai-blocks).
```