Tree Visualizer

A beautiful, interactive file tree visualizer built with Next.js. Paste any directory tree output and explore it visually.

Features

• Paste & Visualize — paste output from the tree command (Linux/macOS/Windows) and get an instant visual representation
• Interactive Tree — expand/collapse folders, with smooth animations
• Search & Filter — filter nodes in real-time with match highlighting
• File Icons — file-type-aware icons for common extensions and folders
• Stats Overview — see total files, folders, max depth, and extension breakdown at a glance
• Dark Mode — full light/dark theme support

Tech Stack

• Next.js
• HeroUI
• Tailwind CSS
• Framer Motion
• Iconify

Getting Started

npm install
npm run dev

Open http://localhost:3000 in your browser.