FlowSite is a professional, AI-enhanced website builder designed for the "Zero-Dependency" era. It empowers developers, students, and businesses to create stunning, high-performance websites and export them as clean, single-file HTML documents ready for instant hosting.
Unlike traditional builders that lock you into complex frameworks or expensive hosting, FlowSite delivers Instant Creation, Infinite Portability.
The latest version of FlowSite introduces a suite of "Pro" features:
Struggle with writing your bio or listing skills? Simply upload a screenshot of your LinkedIn profile or resume. FlowSite uses Gemini 1.5 Flash to intelligently parse your data and automatically populate the entire editor in seconds.
Exporting a website now generates a "Production-Ready" single file including:
- Animated Glassmorphism: Real-time CSS backdrop filters and glass effects.
- Floating Backgrounds: Dynamic, CPU-optimized animated shapes.
- SEO Meta Injection: Automatic Open Graph, Twitter Cards, and JSON-LD structured data for perfect search engine visibility.
- Zero-Dependency Logic: No external JS libraries required in the exported file—just pure, blazing-fast Vanilla HTML/CSS/JS.
Switch instantly between Mobile, Tablet, and Desktop views with a polished device frame (complete with an iPhone-style notch). Preview exactly how your site will look on any screen before you export.
- Section Reordering: Drag-and-drop sections to reorganize your layout using
@dnd-kit. - Sub-template Variants: Choose from multiple layouts for Hero and Skills sections (Centered, Split, Minimal, Grid, Bars, Tags).
- Avatar Editor: Integrated cropping and optimization to ensure your profile picture looks perfect without slowing down your site.
The new multi-step export modal provides guided instructions for hosting your site for free on GitHub Pages, Netlify Drop, or Vercel, plus a built-in QR Code Generator for easy mobile sharing.
- Frontend: React 19 + Vite 6
- Styling: Tailwind CSS v4 (next-gen performance)
- AI: Google Gemini 1.5 Flash
- 3D Graphics: Three.js / React Three Fiber
- Animations: Motion (Framer Motion)
- Notifications: Sonner
- Performance: Manual Chunk Splitting & Optimized Asset Bundling
- Clone & Install:
git clone https://github.com/itssagarK/flowsite.git npm install
- AI Configuration:
Add your
VITE_GEMINI_API_KEYto a.env.localfile. - Run:
npm run dev
- Build for Production:
npm run build
We welcome contributions! FlowSite is built for the community. If you have ideas for new templates, 3D backgrounds, or AI features, please open a PR.
Built for the future of the web. Single-file. High-performance. AI-driven.