• 

  the is the ui of my Web

Inspiration

We wanted to create a tool that builds complete software instantly. Most developers and founders spend hours setting up folders, writing boilerplate code, and creating the same screens repeatedly. The inspiration was simple: what if an app or website could be generated the moment the idea is typed?

What it does

The platform takes a project name + idea and automatically generates:

A full multi-page website

A functional Flutter mobile app

Logo, brand kit, and API docs

README, file structure, and project assets

Real-time visual build logs for both Web & App

A downloadable ZIP with all final code

Everything happens in a few seconds.

How we built it

We designed a fully offline build engine using:

JavaScript for file generation

HTML/CSS/Tailwind for UI

Virtual file system for managing output

JSZip for packaging projects

Live terminals, progress bars, and preview frames

The builder simulates real-time development by generating HTML, CSS, Dart, YAML, documentation, and visuals step-by-step.

Challenges we ran into

Some of the biggest challenges were:

Generating large amounts of code instantly while keeping the UI responsive

Creating clean folder structures entirely in memory

Updating previews in real-time without freezing the app

Ensuring Flutter and Web templates both build consistently

Making the progress system feel realistic and smooth

Accomplishments that we're proud of

Built a full app + website generator that runs completely offline

Created a smooth, premium UI with real-time logs

Added Flutter/iPhone/Android previews without an emulator

Delivered a platform that builds usable projects in under 2 seconds

Designed a system simple enough for anyone to use

What we learned

We learned how to:

Simulate complex development pipelines in the browser

Manage hundreds of files with JavaScript

Balance performance with visual animations

Build intuitive UI workflows for non-coders

Use mathematical easing to create smooth progress curves:

𝑝 𝑟 𝑜 𝑔 𝑟 𝑒 𝑠 𝑠 ( 𝑡

)

100 ⋅ ( 1 − 𝑒 − 0.08 𝑡 ) progress(t)=100⋅(1−e −0.08t )

What's next for An AI Web and App Builder in 2 Seconds

Add drag-and-drop page editor

Real-time collaborative builds

AI-assisted UI redesign and color themes

Export to React, Vue, and Swift

Direct deploy to Vercel, Netlify, and Play Store

Integrated database schema generator

Template marketplace and team workspaces

Built With

• css
• html
• javascript
• json