Giter VIP home page Giter VIP logo

ai_rapidpages's Introduction

Rapidpages

Website โ€ข Discord

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.

ai_rapidpages's People

Contributors

muratsu avatar kiliczsh avatar gsppe avatar damianstasik avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.