Join our Discord Community
Crud

👋 This is a community-driven shadcn/ui resource. For the official documentation, visit ui.shadcn.com

Create Blog Post

CRUD form for creating new blog posts with title, slug, content editor, category, tags, featured image, and publish settings

Looking to implement shadcn/ui blocks?

Join our Discord community for help from other developers.


Content creation needs powerful tools. This React CRUD form combines rich text fields for title and content, slug generation, category dropdown, tag input, featured image upload, and publish options including draft/scheduled/live states. Built with shadcn/ui Input, Textarea, Select, Switch, Calendar components, the form handles all aspects of post creation with validation-ready fields. Auto-slug generation, image preview, and scheduling—perfect for CMS platforms, blog admin panels, or content management systems where streamlined post creation improves author productivity.

Loading preview...

Installation

npx shadcn@latest add https://www.shadcn.io/registry/crud-create-post-01.json
npx shadcn@latest add https://www.shadcn.io/registry/crud-create-post-01.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/crud-create-post-01.json
bunx shadcn@latest add https://www.shadcn.io/registry/crud-create-post-01.json

Questions you might have