A LITTLE GUIDANCE GOES A LONG WAY

From idea to first file.

Everything you need to find your way around FileGen.

FileGen turns a plain-text outline into folders and files you can download. Sketch your own structure, choose a starter, or use the command line.

Open the workspace
01 / COMMAND LINE

At home in your terminal.

Run the published FileGen package directly with npx:

npx @ubaton/filegen

For the available options, check the package help:

npx @ubaton/filegen --help
02 / THE OUTLINE

Simple text. Real structure.

Write one item per line. End folder names with a slash and indent their children with two spaces. Press Tab in the editor to add two spaces.

src/
  components/
    Button.tsx
  App.tsx
  styles.css
public/
  images/
README.md
Give files their own extension, or leave it off to use the default file type. Names must be unique within each folder.
03 / THE WORKSPACE

Everything in its place.

The explorer updates as you type. Click folders to collapse them, or select a file to inspect its starter content. Fix any inline validation errors before exporting.

Your draft saves automatically on this device. Use the import button to open a .txt or .md outline, copy your structure to the clipboard, or name your project and download the ZIP.

Your download is a scaffold. Supported file types include minimal starter content; other files are empty. Install and configure your framework separately.
04 / STARTERS

Start a few steps ahead.

Choose React, Next.js, Python, or a static website. Each starter opens in the workspace, ready to edit. The library also includes FileGen’s original application outlines.

Explore templates
05 / A HELPING HAND

Think through your structure.

Open chat in the corner and describe a project using @filegen/blog, @filegen/ecommerce, or your own project type. AI generation requires a configured provider on the server.

06 / OPEN SOURCE

Build freely.

FileGen is available under the MIT license.

Read the license