Javas

• 

  Javas – Turn words into JavaScript art. Instantly sketch visuals with the power of LLM.

🧠 Inspiration As creative coders and designers, we often find ourselves bogged down by syntax and setup — even when our ideas are clear. We wanted to remove the friction between imagination and execution. Inspired by platforms like p5.js, CodePen, and AI copilots, Javas was born to let anyone generate JavaScript-based visual sketches instantly from a simple prompt.

⚙️ What it does Javas is a natural language-to-code sketching tool.

Users type a creative prompt like: “A bouncing ball with gravity and trails”

The LLM interprets and generates working JavaScript code (using engines like p5.js or Three.js)

Code is auto-rendered on a canvas with live previews

Users can tweak prompts in to visuals

Each sketch can be shared, exported and remix

🛠️ How we built it Frontend: Built with Bolt New, using Tailwind Css

LLM integration: Supports OpenAI api key for no-code generation

Execution engine: Secure sandboxed iframe for p5.js and Three.js rendering

Backend: Supabase for authentification and stripe for payment

Prompt design: Carefully engineered to turn vague or visual language into robust, working JavaScript

🧱 Challenges we ran into Ensuring safe execution of arbitrary JavaScript sketches

Cleaning and validating AI-generated code (e.g., semicolon issues, object misusage)

Keeping prompts consistent across different creative coding libraries

UI responsiveness and error-handling in a real-time sketch editor

🏅 Accomplishments that we're proud of Built a working, real-time prompt-to-sketch system in <48h

Created a smooth UX that feels native and playful

Implemented a flexible system that can support multiple JS engines

Got non-technical users to create working code-driven art for the first time

📚 What we learned LLMs are incredibly powerful for turning visual language into functional code — when prompts are engineered carefully

Creative coding benefits from structured guidance: giving the model engine context, canvas size, and rendering order improved results significantly

Building on bolt new accelerated UI development and allowed rapid iteration

🚀 What's next for Javas Add multi-engine support (GLSL, Pixi.js, SVG)

Allow live collaborative sketching (like Figma for code)

Support AI critiquing and auto-improvement of sketches

Build a public sketch gallery with remix/fork features

Build a comunity

Built With

• gsap
• javascript
• matter.js
• openai
• p5.js
• paper.js
• react-native
• stripe
• supabase
• three.js