tree + evolve · A modern developer tool for visualizing and exporting clean folder structures across 25 tech stacks.
🔗 Live Demo: https://trevo-xi.vercel.app
- 🗂️ 25 Project Templates — Next.js, React, Vue, Angular, Django, Go, Rust, Flutter, and more
- 🌲 IDE View — Interactive collapsible file tree with color-coded extensions
- 📟 ASCII View — Terminal-style tree ready to paste into any README
- 🔍 Live File Search — Filter and highlight files instantly as you type
- 📋 Copy to Clipboard — One-click ASCII export with toast confirmation
- 💾 Download as .txt — Save any structure locally
- 📊 Stats Bar — Files count, folders count, and depth level per template
- ⚡ Zero Backend — Fully client-side, works offline, never breaks
- 🎨 Linear-inspired UI — Dark mode, smooth animations, premium feel
- Framework: Next.js 15 (App Router)
- Language: TypeScript
- Styling: Tailwind CSS
- Design System: Linear-inspired dark theme
- Deployment: Vercel
Clone the repo and run locally:
git clone https://github.com/rauf17/trevo.git
cd trevo
npm install
npm run devOpen http://localhost:3000 in your browser.
trevo/
├── app/ # Next.js App Router pages
├── components/ # Reusable UI components
│ ├── Sidebar.tsx # Template browser + search
│ ├── TreeView.tsx # IDE file tree renderer
│ ├── Toolbar.tsx # Action buttons + view switcher
│ ├── Particles.tsx # Background particle effect
│ └── Toast.tsx # Copy confirmation toast
├── data/
│ └── templates.ts # All 25 project templates
├── utils/
│ └── treeToAscii.ts # ASCII tree generator
└── public/
└── favicon.svg # Custom SVG favicon
| Category | Templates |
|---|---|
| Frontend | Next.js, React+Vite, SvelteKit, Nuxt 3, Remix, Vue 3, SolidJS, Angular 17, Electron |
| Backend | Express REST, FastAPI, Django REST, Go Gin, Java Spring Boot, GraphQL API |
| Fullstack | T3 Stack, PHP Laravel |
| Mobile | React Native, Flutter, Android Kotlin, React Native Expo |
| CLI | Node.js CLI, Rust CLI, C++ CMake, C Systems |
| DevOps | Docker+Nginx, Kubernetes+Helm |
| Other | Unity Game, Python Data Science |
Contributions are welcome! If you want to add a new template:
- Fork the repo
- Add your template to
data/templates.ts - Follow the existing
TreeNodestructure - Submit a pull request
MIT License — free to use, modify, and distribute.
Built with ❤️ by rauf17
⭐ Star this repo if you found it useful!