Playground

Create files and folders like you would in Finder, and watch the tree update as you go

my-cool-project

Name

.env

.git

.gitignore

next.config.js

node_modules

package.json

postcss.config.js

public

README.md

src

app

components

tailwind.config.js

yarn.lock

12 items

Right-click or use ⋯ for more · Drag to move · ⌘Z to undo

Output

my-cool-project
├── README.md
├── next.config.js
├── package.json
├── postcss.config.js
├── public
│   ├── favicon.ico
│   └── images
│       └── logo.svg
├── src
│   ├── app
│   │   ├── globals.css
│   │   ├── layout.tsx
│   │   └── page.tsx
│   └── components
│       ├── Footer.tsx
│       └── Hero.tsx
├── tailwind.config.js
└── yarn.lock

Options

Style

-s, --style

Depth

-d, --depth

Folders first

-df, --dirs-first

Hidden files

-a, --all

Like the CLI, node_modules, .git, dist and other dependency folders are always skipped.

~ npx asciifolders