Skip to content

A beautiul interactive file tree component for React/NextJS with tooling to auto-generate your tree +files, feature-rich and the most aesthetic on the market.

Notifications You must be signed in to change notification settings

remcostoeten/Beautiful-interactive-file-tree

Repository files navigation

Beautiful File Tree v2

Beautiful File Tree Demo

A powerful file viewer component with modern features and beautiful design.

Created by Remco Stoeten

Live Demo

View Demo on Vercel

Features

  • Multi-language syntax highlighting with Shiki
  • Collapsible tree navigation with expand/collapse animations
  • Live markdown preview with syntax-highlighted code blocks
  • Resizable snap-to-close panels with localStorage persistence
  • One-click copy functionality with toast notifications
  • Theme-aware rendering (light/dark mode)
  • View transitions for smooth file switching
  • Built with React, TypeScript, and modern web APIs

Development

bun install
bun run dev

xxx, Remco stoeten

About

A beautiul interactive file tree component for React/NextJS with tooling to auto-generate your tree +files, feature-rich and the most aesthetic on the market.

Topics

Resources

Stars

Watchers

Forks