0150 Components
Marketing
Sections, die verkaufen. Heroes, Features, Pricing, Social Proof und Calls to Action.
- Hero
- Features
- Logo Clouds
Das UI Kit für KI-Websites
Fertige Components für React und Tailwind, für jede Website, die du mit KI baust, in Light und Dark, in deinem Accent. Code kopieren oder Claude, Cursor oder Copilot die ganze Seite per MCP bauen lassen.
- 350 Components
- 1.630 Variants
- 305 Icons
Ein UI Kit für KI-Websites, für jeden Assistenten
Eine KI-Website entsteht im Gespräch, und sie ist nur so gut wie die Teile, zu denen der Assistent greifen kann. Dieses Kit gibt jedem Assistenten dieselben fertigen, geprüften Components.
Was das Kit ist
Components für React und Tailwind, vom Hero und Pricing bis zu Dashboards, Formularen und KI-Chat. Jede kommt als Quellcode, der dir gehört, hell und dunkel, in deinem Accent, auf Deutsch und Englisch.Alle Components ansehen
Mit KI bauen, den Code behalten
Dein Assistent installiert eine Component mit einem Tool-Aufruf und schreibt deine Inhalte in ihre Props. Heraus kommt klarer Code in deinem Projekt mit Astro, Next.js oder Vite, lesbar und frei änderbar.Doku für KI-Assistenten
Läuft mit deinem Assistenten
Die CLI ist ein MCP-Server. Claude, Cursor, GitHub Copilot, Windsurf, Codex und Gemini verbinden sich mit einer Zeile Setup, und jeder Command wird ein Tool, das sie selbst nutzen.Assistenten einrichten
Alles, woraus eine Website besteht
350 Components in 8 Bereichen, vom ersten Screen bis zum Checkout.
0249 Components
Content
Sections, die erzählen und fragen. Blog, Long Reads, Team, About, Docs, Rechtstexte, Kontakt und Formulare.
- Blog
- Gallery
- Team
038 Components
Layout
Navbars, Footer, Page Header, Unternavigation und App Shells, die eine Website zusammenhalten.
- Navbars
- Footer
- Sidebars
- Auth
- Dashboards
- Tables
0520 Components
E-Commerce
Produkte, Produktseiten, Bewertungen, Cart, Checkout, Versand und Kundenkonto.
- Products
- Kategorien und Kollektionen
- Product Pages
0645 Components
Industries
Fertige Sections für Praxen, Restaurants, Handwerk, Hotels, Schulen, Vereine und Creator.
- Menus
- Appointments
- Listings
- Buttons
- Forms und Inputs
- Picker und Auswahlfelder
0827 Components
Visuals
Mockups, Kampagnenbilder, Animationen und Grafiken. Bilder für deine Seiten, in Code gezeichnet und sofort nutzbar.
- Mockups
- Kampagnen-Mockups
- Animations
Bilder, in Code gezeichnet
Mockups, Animationen und Grafiken für deine Seiten. Sie tragen deinen Accent und bleiben in jeder Größe scharf.
Mockup-Szenen Desktop und Telefon
Globus Bögen
Karten und Pläne Stadtkarten
Ein Accent. Jede Component folgt.
Light und Dark kommen aus demselben Code. Im Studio formst du eine Component und kopierst sie.
Beschreib es. Dein KI-Assistent baut es.
Per MCP kennt dein Assistent jede Component und jeden Command. Er wählt, installiert und prüft, und der Code landet in deinem Projekt mit Astro, Next.js oder Vite.
KI-Assistent · cafe-mira
›Bau eine Startseite für das Café Mira in Leipzig. Warm, ruhig, mit Öffnungszeiten und Reservierung.
Ich baue sie aus Components des Kits. Zuerst sehe ich nach, was passt.
aiw_components contact
8 variants, location-map fits
aiw_add hero menu gallery testimonials contact footer
16 files written, dependencies resolved
aiw_theme --colors primary=#b45f3c
Accent set, contrast 4.8 : 1
aiw_check dist
0 errors at 390, 768 and 1440
Fertig. 6 Sections, Light und Dark Mode, auf drei Breiten geprüft.
$ npx -y ai-website mcpMCP-ServerZur CLI
UI Kit
Das Kit in Zahlen
- Components
- 350
- Variants
- 1.630
- Kategorien
- 170
- Icons
- 305
Sammlungen nach Website-Typ
CLI
Eine CLI für die ganze Website
aiw bringt eine Website vom leeren Ordner bis zum Upload. Jeder Command läuft im Terminal und, mit aiw_ davor, als MCP-Tool in Claude, Cursor, Copilot, Codex oder Gemini.
- 1
Starten
Rechner prüfen, Projekt anlegen, Kit starten.
aiw new - 2
Components finden
Der ganze Katalog im Terminal, jede Variant mit Install-Zeile.
aiw components - 3
Install
Der Installer des Kits. aiw add holt die Component aus der Registry des Kits, löst ihre Dependencies auf und schreibt die Dateien.
aiw add - 4
Check
Code, Seiten, Accessibility, Links, Speed und SEO. Gemessen statt geschätzt.
aiw check - 5
Publish
Suchindex, Preview und Upload. Immer erst als Dry Run.
aiw deploy
Fragen und Antworten
Kurze Antworten auf das, was beim Start mit dem Kit am häufigsten gefragt wird. Jede verweist auf die Seite mit den Details.FAQ
Brauche ich Astro?
Nein. Components sind React-Dateien mit Tailwind 4. aiw new legt ein Astro-Projekt an, getestet ist das Kit außerdem in Next.js und Vite.Installation
Geht es ohne Tailwind?
Die Components sind mit Tailwind 4 gebaut und lesen ihre Farben aus den Tokens in kit.css. Tailwind gehört deshalb ins Projekt.kit.css einbinden
Brauche ich die CLI?
Für Copy & Paste nicht. Die CLI löst Abhängigkeiten auf, hält Versionen fest und verbindet deinen KI-Assistenten, das spart bei mehreren Components viel Handarbeit.Die aiw CLI
Brauche ich einen KI-Assistenten?
Nein. Jede Component funktioniert ohne KI. Ein Assistent wie Claude, Cursor, GitHub Copilot oder Codex ist ein schneller Weg, ganze Seiten aus Components zu bauen.Mit KI-Assistenten bauen
Darf ich die Components in Kundenprojekten nutzen?
Ja. Kit und CLI stehen unter der MIT-Lizenz. Du nutzt die Components frei in eigenen Projekten und für Kunden, auch kommerziell, der Lizenzhinweis bleibt beim Code.Lizenzen
Gibt es einen hellen Modus?
Ja. Ohne Klasse ist alles hell, class="dark" am html-Element schaltet auf dunkel. Das Kit startet dunkel, beide Modi sind gleich gründlich gestaltet.Dark Mode als Standard
Unsere Vision
Bessere Websites machen ein besseres Web.
Wir bauen die Teile dafür.
Schnell für alle
Auf dem Server gerendert, ohne JavaScript lesbar, leicht auf jeder Leitung.
Offen für alle
Echte Überschriften, Tastatur und Fokus, Kontrast in Light und Dark, ruhig bei reduzierter Bewegung.
Für immer deins
Klarer Source in deinem Projekt, frei für eigene Websites und für Kundenprojekte.
Versioniert
Jede Component trägt eine Version, jedes Release steht im Changelog, aiw outdated zeigt, was neu ist.
Deine nächste Website beginnt hier.
- Frei für eigene Websites und Kundenprojekte
- Deutsch und Englisch