PICKER · FOR YOUR AI AGENT

Pick newsletter sections for your AI agent

Click the sections you want. Their IDs collect in the bar below: copy them and paste them back into Claude Code, Codex or Cursor, and the free Tailkits MCP adds the code to your project.

9 sections1 freeTailwind CSS v4

Code and previews

Newsletter 1newsletter-1FreeCentered headline and subtext with email field and “Get started” buttonCode for Newsletter 1
Newsletter 2newsletter-2ProHero‑style sign‑up card with large gradient circle, headline, subtext, email box and CTACode for Newsletter 2
Newsletter 3newsletter-3ProCard with headline, subtext, email field, CTA and three decorative gradient shapes belowCode for Newsletter 3
Newsletter 4newsletter-4ProTwo‑column layout with text and email form on the left and a gradient/image panel on the rightCode for Newsletter 4
Newsletter 5newsletter-5ProMinimal card dominated by the phrase “Stay ahead of the competition” with email entry and CTACode for Newsletter 5
Newsletter 6newsletter-6ProHeadline with highlighted word, supporting text, email field and a “Get started” buttonCode for Newsletter 6
Newsletter 7newsletter-7ProLarge rounded card with soft pastel gradient, centered headline, email input and CTACode for Newsletter 7
Newsletter 8newsletter-8ProDark‑themed card with white headline, subtext, email field and call‑to‑actionCode for Newsletter 8
Newsletter 9newsletter-9ProSplit card with gradient left side hosting text and form and right side showing a dark login screen imageCode for Newsletter 9

0 selected

Click sections to select them. Their IDs collect here.

Paste this back into your agent. No agent waiting? Copy as prompt works in a fresh chat.

Pick newsletter sections for your AI agent

PICK FROM ANOTHER CATEGORY