Skip to content

Generate React and Tailwind components using AI

License

Notifications You must be signed in to change notification settings

Icandi40/rapidpages

 
 

Repository files navigation

Rapidpages

WebsiteDiscord

Rapidpages

Rapidpages is a prompt-first IDE for building great-looking pages. You simply describe the UI you desire and it will generate the code for that component using the technologies that are familiar to you (currently only React+Tailwind are supported).

rapidpages-2.mp4

Get Started

Lint

Run Rapidpages locally

git clone https://github.com/rapidpages/rapidpages.git && cd rapidpages

Edit the .env.example file to ensure the following values are set:

  • GITHUB_CLIENT_SECRET & GITHUB_CLIENT_ID: you need to create a GitHub oauth application to be able to login. For localhost use http://localhost:3000 and http://localhost:3000/api/auth/callback/github for Homepage and Authorization callback URL.
  • OPENAI_API_KEY: you need to get a key from OpenAI

Run Rapidpages on Host

Create the database & run the application

npm run db:push
npm run dev

Run Rapidpages on Docker

docker compose up -d
docker compose exec rapidpages npm run db:push

Run Rapidpages Cloud

You can start using Rapidpages today on the cloud for free. If you run out of credits, feel free to ping us on discord.

Known Limitations

Currently, the components are generated in one shot. In the future, this task will be broken down into multiple steps such as dependency retrieval and icon generation. This multi-step process will allow the creation of more complicated ui elements.

License

See the LICENSE file for more information.

About

Generate React and Tailwind components using AI

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 96.9%
  • JavaScript 2.8%
  • Other 0.3%