Page sections your coding agent can build
23 ready-made sections, from heroes and pricing tables to sign-in forms. Each one comes with the brief UIPrompt gives your agent: every component in order, laid out on a 12-column grid. Copy a brief into Claude Code, Cursor or Codex, or drop the section onto a page in UIPrompt and add your own copy.
Prompts by stack:Next.js + Tailwind CSS + shadcn/uiReact + Tailwind CSSVue 3 + Tailwind CSSSvelteKit + Tailwind CSSAstro + Tailwind CSSNext.js + Material UI
Marketing
Hero SectionHero Sections
Split Product HeroHero Sections
Video Intro HeroHero Sections
Minimal Editorial HeroHero Sections
Signup Focus HeroHero Sections
Features GridFeature Sections
CTA BannerCTA Sections
Pricing TablePricing Sections
Navbar + LinksHeader Sections
NewsletterNewsletter Sections
Testimonials StripTestimonials
Blog List LayoutBlog Sections
Contact FormContact Sections
Integrations GridLogo Clouds
FAQ AccordionFAQs
Footer ColumnsFooters