Petal Components
Shadcn-style Phoenix components that AI assistants can actually use.
Live docs ·
MCP server ·
Rules for AI tools ·
vs shadcn
The 30-second pitch
Petal Components gives Phoenix LiveView apps a shadcn-style set of HEEx components: buttons, forms, modals, tables, cards, and more. They are built with Tailwind v4 and work in live or dead views.
The companion piece is a hosted MCP server at mcp.petal.build that exposes every component's real schema to AI coding tools. Install it once and Claude Code, Cursor, Codex, and Windsurf reach for the existing components instead of inventing raw Tailwind markup from training data.