π Draw Real Time AI - Instant, real-time text to image conversion with Excalidraw, WebSockets, Next.js, and Fal.ai
Draw Real Time AI is a cutting-edge Application that harnesses the power of AI to generate real-time, visually engaging content directly from textual descriptions. Built using Next.js and integrated with Excalidraw and the Fal.ai serverless platform, this Application demonstrates the seamless blend of text to image transformation capabilities in a dynamic, user-driven environment.
Watch our application in action as it transforms text into images in real-time.
- πΌοΈ Real-Time Image Generation: Convert textual descriptions into high-quality images in real time.
- π¨ Interactive Canvas: Utilize Excalidraw for a fully interactive drawing experience.
- π€ AI-Enhanced Visuals: Leverage Fal.ai's AI capabilities for instant image rendering.
Ensure you have the following installed:
- π’ Node.js
- π§Ά Yarn (Package Manager)
-
Clone the repository:
git clone https://github.com/saadazghour/DrawRealtimeAI.git
-
Navigate to the project directory:
cd DrawRealtimeAI
-
Install dependencies:
yarn install
-
π§ Rename
.env.local.example
to.env.local
. -
π Insert your Fal.ai API key in the
.env.local
file. You can find your API key on the Fal.ai Dashboard.
-
π Execute the following command to start the application:
yarn run dev
- π The app will be available at http://localhost:3000
- π₯ Input your desired image description.
- π The app processes the input using Fal.ai's real-time capabilities to generate an image.
- ποΈ The image is rendered on the Excalidraw Canvas, where further interactions can be made.
- Contributions are welcome!! Please fork the repository and submit pull requests to contribute. For major changes, please open an issue first to discuss what you would like to change. Please ensure to update tests as appropriate.