Eggbun Documentation

How to use

In Eggbun most things are done in the file system, that way things that need to be shared with your team can just be synced over git.

Typical files and folders like a typescript, javascript, css, etc. open up in a Code Editor tab as you'd expect.

Eggbun will detect certain folders like the hidden /.git/ folder that's inside any git repo and Eggbun opens a tab with a point and click easy-to-use git ui so you can use git without having to use the terminal.

Files like package.json that you'd find in most javascript projects today get extra UI in the code editor to make it easier to run scripts and install and manage dependencies right there in the json editor without having to jump into a terminal window.

You can turn any folder into a bookmark using Eggbun's UI, but what it does under the hood is add an .eggbun.json file inside the folder with metadata about the bookmark. This lets you structure and share bookmarks with your team. Organize all your team's analytics, slack, zoom, and any other tools that can run in a browser, and seamlessly edit custom code that runs in the bookmark as a preload.js file that syncs over git to share with your team.

This really shines when it comes to NoCode tools like Figma and Webflow where you turn a folder into a bookmark that opens right into the Webflow Designer for a project and you connect a subfolder to the DevLink components and commit it all to git. This lets Designers own UI components all the way into git and engineers can import those components like they normally would. Designers and Engineers can collaborate in a more natural way.