Shadcn.io is not affiliated with official shadcn/ui
React AI Resume Builder Block
React AI resume builder block for Next.js with form sections, live preview, and floating AI improvement suggestions using shadcn/ui and Tailwind CSS
Build professional resumes with AI assistance using this React and Next.js block. A split-panel layout features form sections for personal info, experience, and skills on the left, with a live-updating resume preview on the right. AI suggestions appear as floating cards offering improvements like adding action verbs and quantifying achievements. Built with TypeScript, shadcn/ui Card, Input, Textarea, Badge, Button, and Separator components, AI SDK patterns, and Tailwind CSS. Perfect for career tools, job platforms, and HR tech products.
React AI Resume Builder Block preview
Installation
Related Components
AI Message
Chat message component
AI Reasoning
Thinking display
AI Actions
Action toolbar
AI Suggestion
Quick reply buttons
FAQ
Was this page helpful?
Sign in to leave feedback.
React AI Research Chat Block
React AI research chat block for Next.js with collapsible reasoning, cited sources, message actions, and follow-up suggestions using shadcn/ui and Tailwind CSS
React AI Sentiment Analyzer Block
React AI sentiment analysis block for Next.js with text input, overall sentiment display, emotion breakdown bars, key phrase extraction, and confidence scoring using shadcn/ui and Tailwind CSS