Build a Universe in Your Browser with Vibe Coding

Create breathtakingly beautiful simulations—from the sweeping orbits of a galaxy down to the electron clouds of a hydrogen atom—without writing a single line of code.

How It Works

Bring your ideas to life through a simple, conversational workflow with AI:

  1. 1. Set the Stage: Provide the AI with a brief prompt outlining the app's architecture.
  2. 2. Generate the Blueprint: Ask the AI to create a schema for your simulation.
    Example: "Create a simulation of the electron orbitals of a hydrogen atom."
  3. 3. Auto-Generate the Skeleton: The app automatically translates your schema into a foundational code skeleton.
  4. 4. Finalize the Logic: The AI implements the complex mathematics into the skeleton, delivering a fully functional simulation.

Why It Works: The Power of Separation

This platform leverages WebGPU to deliver lightning-fast 3D animation and parallel computing directly in your browser. To make this accessible, we handle the heavy lifting: the app automatically manages all the complex WebGPU orchestration and boilerplate.

This strict separation means the AI is only responsible for creating the schema and writing the core logic. By removing the burden of GPU memory management, the AI can focus entirely on translating advanced mathematics into flawless code.

Seamless AI Collaboration

Iterate and Perfect

Translating advanced physics into code can sometimes yield errors. If the simulation doesn't compile, simply copy the error message back to the AI and say, "Please fix this error." The AI will adjust the math and get you back on track.

Visual Debugging

Sometimes the code runs, but the physics just don't look right. Capture a screenshot of your simulation directly within the app and feed it back to the AI. The AI will analyze the image, verify the visual output, and correct the code.

A New Way to Learn Physics and Math

Tackling dense textbooks on mathematics and physics can be a daunting task. This app transforms abstract theories into interactive, visual experiences.

Because the AI generates mathematically sophisticated code, it acts as your personal tutor. You can simply ask, "Explain the mathematical background and the code for this simulation," and the AI will break it down for you. If a concept is still unclear, you can continue asking questions until it clicks.

Technical Specifications & Limitations

While WebGPU unlocks incredibly powerful parallel processing inside the browser, it has a few architectural differences compared to full-scale numerical computing systems like CUDA:

  • Precision: It currently supports single-precision floating-point arithmetic (f32), rather than double-precision.
  • Libraries: It cannot natively utilize traditional numerical computing libraries like LAPACK.

The Silver Lining: WebGPU and CUDA share fundamental principles regarding parallel thread execution and memory optimization. Mastering simulations here serves as an excellent, visual stepping stone if you decide to explore CUDA in the future.

Vibe Coding Workflow

  1. Click to copy the System Prompt, paste & run in the AI chat.

  2. Enter the instruction to create a schema in the AI chat.


    Example:
    Create a schema for an N-body simulation.

  3. Copy the schema created by the AI and paste it below.

  4. Click to generate and copy the WGSL Skeleton, paste & run in the AI chat..

  5. Copy the finalized WGSL code by the AI and paste it below.



  6. Click to compile and launch your WebGPU pipeline.

Text successfully copied to clipboard!



Sign In

Set Your Nickname

Please choose a nickname that will be visible to other users.

Only letters, numbers, spaces, hyphens (-), underscores (_), and periods (.) are allowed.