sawyerhood/tlbrowse

Generate imagined websites on an infinite canvas

tlbrowse

launch.mp4

tlbrowse is an infinite canvas for the simulated web. You can create webpages by entering urls and clicking on links creates new pages. You should get incredibly funky with what imagine.

You can play with the hosted version on https://tlbrowse.com

Why?

For fun! This is an experiment in new ways of brainstorming and interacting with LLMs. This is a demo, but I'm trying to poke around with new ways to play with visual outputs from LLMs. I'm really inspired about being able to latently build out an entire sitemap while browsing. Is this ready to create production ready websites? No way, but the interaction paradigm is interesting.

Running Locally

Create a .env.local file with the following environment variables:

ANTHROPIC_API_KEY=<your-anthropic-api-key>

This project uses bun as its package manager and node for its execution environment. Make sure that you have both installed. Then run the following commands:

bun install
bun dev

Changing the model

If you clone this locally you probably want to change the model. You can do this by editing app/api/html/route.ts.

tlbrowse's Issues

Make PreviewShape Iframe use post request

Right now we set the src of the iframe to generate the site. I want to be able to not have to url encode all of the other html pages that I send up for the prompt. It would be better if when the form is submit we send a post request and make the target of the output the iframe.

This involves:

• Changing PreviewShape.tsx
• Updating api/html/route.ts to be a POST route

Bun does not work

Hi .. I tried to do the setup using pycharm. Created environment downloaded the git added the .env.local file and added my claude api_key. I also installed bun, after attempting bun install. I was not able to get bun install to work (not found) and bun alone is not found.

I am not familiar with bun so at this point I am not able to go forward.

I would like to try the tlbrowse,

thank you,
SL

Can't focus url bar on mobile

Right now I can't focus the address bar on mobile in BrowserShape.tsx. It looks like maybe TLDraw is preventing events further up.

Add a way to download the html

Right now there is no way to actually download the generated html into the canvas. We should add a download button in BrowserShape.tsx in the address bar.

clerk account

I think you forgot to mention in the instructions that you need a clerk account?