Hero Section
Landing page hero with badge, heading, CTA buttons, and feature list
Installation
pnpm dlx shadcn@latest add https://wireframe-ui.vercel.app/r/hero-section.jsonComponents
buttontextheadingbadgemediastackiconsLogin Form
Authentication form with email/password inputs and social login options
Installation
pnpm dlx shadcn@latest add https://wireframe-ui.vercel.app/r/login-form.jsonComponents
buttoncardinputlabeltextseparatorcheckboxiconsRegister Form
Multi-step registration with tabs for personal and account information
Installation
pnpm dlx shadcn@latest add https://wireframe-ui.vercel.app/r/register-form.jsonComponents
buttoncardinputlabeltextcheckboxtabsiconsContact Form
Professional contact form with name, email, subject, and message fields
Installation
pnpm dlx shadcn@latest add https://wireframe-ui.vercel.app/r/contact-form.jsonComponents
buttoncardinputlabeltexttextareaselecticonsDashboard
Admin dashboard with stat cards, charts, recent activity, and data table
Installation
pnpm dlx shadcn@latest add https://wireframe-ui.vercel.app/r/dashboard.jsonComponents
cardtextchartbadgetableavatariconsPricing
Three-tier pricing cards with features and highlighted popular plan
Installation
pnpm dlx shadcn@latest add https://wireframe-ui.vercel.app/r/pricing.jsonComponents
buttoncardtextbadgeseparatorheadingiconsProduct Grid
E-commerce product listing with search, filters, and product cards
Installation
pnpm dlx shadcn@latest add https://wireframe-ui.vercel.app/r/product-grid.jsonComponents
cardtextbadgebuttonmediaheadingselectinputiconsProfile Page
User profile with avatar, bio, stats, and tabbed content
Installation
pnpm dlx shadcn@latest add https://wireframe-ui.vercel.app/r/profile-page.jsonComponents
cardtextbadgebuttonavatarseparatortabsmediaitemiconsSettings Page
Multi-tab settings interface for profile, account, and notifications
Installation
pnpm dlx shadcn@latest add https://wireframe-ui.vercel.app/r/settings-page.jsonComponents
buttoncardinputlabeltextseparatorswitchtabsavatartextareaselecticons