{"id":23547128,"url":"https://github.com/remcostoeten/beautiful-interactive-file-tree","last_synced_at":"2025-11-01T10:30:27.143Z","repository":{"id":263712462,"uuid":"891234518","full_name":"remcostoeten/Beautiful-interactive-file-tree","owner":"remcostoeten","description":"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.","archived":false,"fork":false,"pushed_at":"2025-01-11T23:35:58.000Z","size":445,"stargazers_count":2,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"boilerplate","last_synced_at":"2025-01-12T00:24:31.968Z","etag":null,"topics":["docs","documentation","file-viewer","syntax-highlighting","thegoat","tree-structure","tree-visualization","typescript"],"latest_commit_sha":null,"homepage":"https://interactive-tree.remcostoeten.com","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/remcostoeten.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-11-20T01:02:25.000Z","updated_at":"2025-01-11T23:36:01.000Z","dependencies_parsed_at":"2025-01-12T00:21:26.673Z","dependency_job_id":"61f1f961-d139-499d-8210-e3e6a6f0ddd8","html_url":"https://github.com/remcostoeten/Beautiful-interactive-file-tree","commit_stats":null,"previous_names":["remcostoeten/beautiful-interactive-file-tree"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/remcostoeten%2FBeautiful-interactive-file-tree","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/remcostoeten%2FBeautiful-interactive-file-tree/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/remcostoeten%2FBeautiful-interactive-file-tree/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/remcostoeten%2FBeautiful-interactive-file-tree/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/remcostoeten","download_url":"https://codeload.github.com/remcostoeten/Beautiful-interactive-file-tree/tar.gz/refs/heads/boilerplate","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239278537,"owners_count":19612329,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["docs","documentation","file-viewer","syntax-highlighting","thegoat","tree-structure","tree-visualization","typescript"],"created_at":"2024-12-26T09:14:41.597Z","updated_at":"2025-11-01T10:30:27.092Z","avatar_url":"https://github.com/remcostoeten.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Beautiful interactive file-tree viewer\n\nIn 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](https://beautiful-code-block.remcostoeten.com), and the nice \u003csmall\u003ebeta\u003c/small\u003e api/prop/interface renderer I built this interactive file tree with showcase of the file on click.\n\nIt'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.\n\n```shell\npop-os% python src/scripts/generate-tree-object.py src/app\nSuccessfully generated IDE structure in src/core/config/tree-object.ts\n```\n\nBeta and docs to be continued.See landing page for a live demo and props usage. [beautiful-tree.remcostoeten.com](beautiful-tree.remcostoeten.com)\n\nxxx\n\nRemco Stoeten\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fremcostoeten%2Fbeautiful-interactive-file-tree","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fremcostoeten%2Fbeautiful-interactive-file-tree","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fremcostoeten%2Fbeautiful-interactive-file-tree/lists"}