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 interactive file-tree viewer

In my pursuit of creating beautiful open source components that help with showcasing parsed data or documentation I, nailed it with this epic component. After having build this beatiful code block, and the nice beta api/prop/interface renderer I built this interactive file tree with showcase of the file on click.

It's beautiful, feature-rich and easy to use. There is an pythhon script which you just can run and generates the entire file structure + file contents in .ts whihch then is accepted via a prop, and et voila.

pop-os% python src/scripts/generate-tree-object.py src/app
Successfully generated IDE structure in src/core/config/tree-object.ts

Beta and docs to be continued.See landing page for a live demo and props usage. beautiful-tree.remcostoeten.com

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