Questions and answers

No. Components are React files with Tailwind 4. aiw new creates an Astro project, and the kit is also tested in Next.js and Vite.

The components are built with Tailwind 4 and read their colors from the tokens in kit.css. Tailwind belongs in the project for that reason.

Not for Copy & Paste. The CLI resolves dependencies, records versions and connects your AI assistant, which saves a lot of handwork with several components.

No. Every component works without AI. An assistant such as Claude, Cursor, GitHub Copilot or Codex is a fast way to build whole pages from components.

The guide names a proven selection for ten common kinds of websites, from the SaaS landing page to the medical practice, the shop and the creator page.

For a short message contact is enough. For quotes take request-quote, for appointments booking-request, for calls callback-request and for longer requests multi-step-form.

A change over time becomes a line, a comparison of categories a bar, the way from a start to an end value a waterfall and one value against its scale a gauge.

A scroll story tells across several screens and carries the most important message of a page. A scroll effect is short and makes a transition or a headline memorable.

chat-widget sits as a button in the corner of every page and hands over to your team. ai-chat is the full chat window for an app.

Yes. Every component sits in your project as source and is yours. Small changes go through className, anything more right in the file.

Yes. The kit and the CLI are released under the MIT license. Use the components freely in your own projects and for clients, commercial ones included, the license notice stays with the code.

No. aiw update spots changed files through the lockfile and leaves them as they are. Only --force replaces them as well.

Yes. Components render fully on the server and every piece of content is readable. JavaScript adds motion and interaction.

The page of each category shows every variant with a live preview at three widths. In the terminal, aiw components <category> shows the same with the install line.

Yes. Without a class everything is light, class="dark" on the html element switches to dark. The kit starts dark, both modes are designed with the same care.

Yes. aiw theme turns your color into an accent for light and dark, by hand it is two tokens per mode.

English and German for every text a component writes itself. Pass any other language through labels. Your content always comes through props.

The icons are drawn for the kit. The typeface is SF Pro Display on Apple devices and Inter everywhere else, self-hosted.