Made by $400/hour designers
Ship a site built for conversion from first impression.
First impressions are the only impression.
Ship a site built for conversion from first impression.
Every template here is written in plain CSS with custom properties, not Tailwind classes. That means no config to merge, no plugin list, and no version of Tailwind you have to be on. Paste one into Claude Code, Replit, Lovable, ChatGPT Codex, Bolt, or Cursor and ask it to rewrite the styling as Tailwind, mapped onto the scale and colors your project already uses.
Ship a site built for conversion from first impression.
Ship a site built for conversion from first impression.
Frequently asked questions
Are these Tailwind templates?
No. The styling is plain CSS with custom properties, and saying otherwise would waste your time. Your AI coding tool rewrites it as Tailwind when you ask, using your own theme and not a generic one.
How do I convert plain CSS to Tailwind?
Paste the template into your AI coding tool and ask for the styling as Tailwind utility classes. Point it at your config so the spacing, colors, and type scale come out as your tokens and not arbitrary values.
Will the design survive being rewritten as Tailwind?
It should, since the values are all there in the CSS. Ask your tool to keep the exact spacing and colors on the first pass and adjust afterwards, which is easier to check than a rewrite that guesses at your scale as it goes.
Can I use these with shadcn/ui?
Yes. These are page and section designs, not components, so they sit around a shadcn build comfortably. Ask your AI coding tool to use your existing components for the buttons and inputs inside the design it converts.
Works with any vibe coding tool