Skip to content

uzziahlin/dynamic-interface-web

 
 

Repository files navigation

Dynamic Web Interface

Inspired by this tweet from Jordan Singer

This is a T3 Stack project bootstrapped with create-t3-app.

Stack

Set up

First, make sure you run pnpm install.

Next, run cp .env.example .env and then add your OPENAI_API_KEY to .env.

Finally run pnpm dev and the app should be up at localhost:3000!

How do I use this?

After spinning up the app, try typing in some kind of interface into the input box.

For example, "create Stripe's landing page" or "create a login page in the visual style of Airbnb but with #000000 as the main color instead of their red". Hit enter or press the Create button.

Then you'll have to wait. If you're using gpt-3.5-turbo, you'll usually have to wait up to 1 min. For GPT4 it's even longer. There are ways of speeding this up but I haven't implemented them yet.

How do I deploy this?

Follow T3's deployment guides for Vercel, Netlify and Docker for more information.

About

Dynamically generate UI with Large Language Models

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • TypeScript 71.7%
  • JavaScript 27.9%
  • CSS 0.4%