React AI Prompt Library Block

React AI prompt template library block for Next.js with search, category tabs, and prompt cards using shadcn/ui and Tailwind CSS

Browse and reuse AI prompt templates with this searchable library block for React and Next.js. Includes a real-time search bar, category filter tabs for Code, Writing, Analysis, and Creative prompts, and a responsive grid of prompt cards with descriptions, category badges, star counts, and quick-use buttons. Built with TypeScript, shadcn/ui Tabs, Card, Badge, Input, and Button components, AI SDK patterns, and Tailwind CSS.

React AI Prompt Library Block preview

Scroll to load preview

Installation

Install

Pro block

npx shadcn@latest add https://www.shadcn.io/r/ai-prompt-library.json

npx shadcn@latest add https://www.shadcn.io/r/ai-prompt-library.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/ai-prompt-library.json

bunx shadcn@latest add https://www.shadcn.io/r/ai-prompt-library.json

React AI Prompt Input Block

An AI chat input with expandable textarea, voice recording, file attachments, and contextual action menu

React AI Prompt Model Selector Block

AI prompt input with model selector dropdown and quick prompt suggestion buttons for common tasks

React AI Prompt Library Block