Live preview in 3 viewports
Desktop, tablet and mobile in real time — every change appears instantly at all screen sizes.
Capabilities
Everything a professional website needs.
A visual editor, the Flow design system, 50 templates and an AI that builds whole websites in multiple languages — delivered statically, accessible and GDPR-compliant.
40+
blocks in the catalog
50
ready-made templates
775
Google Fonts self-hosted
Many languages
DE, EN and more
Editor
Flow Builder — the visual editor
The editor works on the same block model that is later delivered statically. You assemble each page from typed blocks and configure every one in the properties panel — what you see is what gets published.
Inline text editing
Edit headings, paragraphs and lists right in the layout. Accents, bold, italic and links included.
Drag & drop
Reorder blocks by dragging — change the order of the page without detours.
Undo/redo with shortcuts
Up to 50 steps back and forward; quick slider changes are merged into a single step.
Properties panel per block
Every block has a fixed field schema — content, spacing, alignment and background per block.
Over 40 blocks
Hero, stats, feature grid, comparison, pricing table, FAQ, contact form, timeline and more.
Design
Flow Design — the design system
Guiding principle: the full catalog in the editor, only what you use in the build. In the editor you have the whole range; only what you actually use ships in the delivered website — self-hosted, with no runtime requests to third parties.
775 Google Fonts
The complete catalog with search, category filter and live preview. Only the chosen families and weights ship in the build, self-hosted as woff2.
272 icons
Line icons in 17 categories with full-text search. All inline SVG — no icon font, no runtime request.
Pro color picker
Brand palette with harmonies, contrast check and eyedropper. Colors flow as concrete values into the theme and individual blocks.
Gradients & patterns
Curated gradient presets and tiling background patterns as pure CSS or embedded SVG — freely adjustable in color and opacity.
Effects
Shadows, glow, liquid glass, borders and blur as pure CSS declarations — used sparingly on the GPU so the look never breaks load times.
Scroll animations
Nine reveal animations with duration, delay and easing. Fully disabled under prefers-reduced-motion (accessibility).
Templates
50 ready-made templates
Start from something instead of a blank page: 50 templates in four groups — full-page starting points, industry landing pages, page types and sections to drop in. Adopt, adapt, publish.
6 starting points
Full-page templates: landing page, services, about, contact, pricing and a restaurant home page.
13 industry landing pages
Ready-made pages for a range of industries — a converting entry point for your website.
7 page types
Recurring pages such as services, team or contact in a proven structure.
24 sections
Individual sections to drop in — hero, price band, FAQ, call to action and more.
AI builds and edits the whole website
The AI works in clearly separated steps — each traceable and under your control. Text and structure are created with Claude, matching images via the Gemini Image API. Every generation is checked against your monthly quota before the model call starts.
AI build
01
Plan
From your brief the AI proposes a sitemap and page skeletons — without building anything. You see the blueprint first.
02
Build
After your approval the AI builds the whole website. The build runs in the background and you watch the progress live.
03
Chat
In the editor you keep changing the website in conversation — changes are shown and only applied after you confirm them.
04
Images
The AI generates matching images on request — in several aspect ratios and including alt text for accessibility.
Multilingual from the start
Language versions are not translated after the fact but kept as equal versions of the same page. German and English are standard, more languages possible. Plan, build and chat all know the target language.
Delivery
Deliver, connect, manage
When you publish, your website is built as a static site per domain and switched live atomically — visitors never see a half-finished state.
Lighthouse 100 as the target
Static per domain, no heavy runtime JS, critical CSS inline, fonts self-hosted, assets pre-compressed.
BFSG contrast gate
Before every publish a WCAG 2.2 AA gate checks the color tokens. Violations block the release instead of slipping through.
GDPR & consent
Consent banner per §25 TDDDG with equal accept and reject. Imprint, privacy policy and terms generated deterministically in the respective language.
Reach measurement included
On request a cookie-free reach measurement, embedded directly and described appropriately in the privacy policy.
Your domain + HTTPS
Add a domain, verify it via DNS, bind it — with automatic HTTPS. Every website is instantly reachable on a preview subdomain.
Enquiries in the dashboard
Contact forms post securely to an endpoint with spam protection; you view and manage the entries per website.
Plans and AI credits
Five plans with monthly AI quotas for text actions and images. Once a quota is used up, further generations are paid from top-up AI credit balance — no unnoticed usage. All prices are net plus VAT.
- Free — free of charge: 1 website on the preview subdomain, 20 AI text actions and 5 AI images per month.
- Starter — 1 own domain, 3 websites, 200 AI text actions and 40 AI images per month.
- Pro — 3 domains, 10 websites, 750 AI text actions and 150 AI images, 3 team seats.
- Premium — 10 domains, 25 websites, 2,500 AI text actions and 500 AI images, 10 team seats.
- Agency — 50 domains, 100 websites, very large AI quotas and 50 team seats.
AI credits
Top up extra balance as a pack: 100 credits for 9 €, 500 for 39 € or 2,000 for 129 € (net). A text action costs 1 credit, an image 3.
Questions & answers
Frequently asked
Everything you want to know before you start.
Can I edit everything without the AI too?
Yes. The visual editor works on the same block model that is delivered. You reorder blocks by drag & drop, edit text inline and configure each block in the properties panel — with undo/redo and keyboard shortcuts.
How many fonts and icons are available?
In the editor the complete Flow design catalog: 775 Google Fonts and 272 icons, plus colors, gradients, patterns, effects and animations. Only what you actually use ships in the delivered website — self-hosted, with no runtime request to third parties.
How does the preview across screen sizes work?
The editor shows your page live in three viewports — desktop, tablet and mobile. Every change appears instantly at all three sizes, so you see the responsive behaviour right as you edit.
Does the AI really build the whole website?
Yes. The AI first plans a sitemap, builds the complete website after your approval and later changes pages and individual blocks in chat — multilingually (DE, EN and more). It generates matching images on request. Changes apply only after you confirm them.
What do the 50 templates do?
They give you a ready starting point: full-page templates, industry landing pages, page types and individual sections to drop in. You adopt a template, adapt it and publish — instead of starting from a blank page.
Are performance, accessibility and privacy really built in?
Yes. Every website is built statically per domain (Lighthouse 100 as the target), a WCAG 2.2 AA contrast gate blocks publishing on violations, and consent banners and legal texts are generated automatically in the respective language. Reach measurement is embedded cookie-free on request.
Start for free
See XICflow in action.
Generate your website, open it in the editor and try the Flow design system — the preview is free.
PageSpeed 100 Accessible GDPR Multilingual