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.
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.
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.
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.
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.
Narrow it down
Works with any vibe coding tool
