We0 Documentation

Hello World

Learn how to create your first We0 application

Hello World with We0

Welcome to your first We0 tutorial! In this guide, you'll learn how to create a simple "Hello World" application using We0's powerful AI-driven code generation capabilities.

Getting Started

Creating a Hello World application with We0 is incredibly simple. Just follow these steps:

  1. Open the We0 application
  2. Type a prompt describing what you want to create
  3. Let the AI generate the code for you

Example Prompt

Here's an example of a prompt you can use:

Create a simple web page that displays "Hello, World!" in the center of the screen with a nice font and background color.

Example Output

The AI will generate code similar to this:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Hello World</title>
  <style>
    body {
      font-family: 'Arial', sans-serif;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      margin: 0;
      background-color: #f0f8ff;
    }
    
    h1 {
      font-size: 3rem;
      color: #1e90ff;
      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
    }
  </style>
</head>
<body>
  <h1>Hello, World!</h1>
</body>
</html>

Try It Yourself

Now it's your turn! Open We0 and try creating your own Hello World application with different designs and features. Experiment with different prompts to see what the AI can generate for you.

Happy coding with We0!

On this page