Skip to content
Codexa
Framework: Static HTML/CSS/JSDifficulty: beginnerFeatured

Static website

Plain HTML, CSS, and JavaScript with no build step. Ideal for simple sites and learning.

Three files — index.html, styles.css and app.js — served as-is by the Codexa static runtime. There is no bundler, no framework and no install step, which makes it the fastest way to learn how the editor, preview and deployment fit together.

  • html
  • css
  • javascript
  • static
Use this templateMore websites templates

This preview is the template's actual file tree and source code — exactly what is copied into a new project. Codexa does not publish screenshots or mock-ups of templates; run the project to see it rendered.

Files4 files

index.html25 lines
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>My site</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <header class="site-header">
      <strong>My site</strong>
      <nav><a href="#about">About</a><a href="#contact">Contact</a></nav>
    </header>
    <main>
      <section class="hero">
        <h1>Welcome</h1>
        <p>This is a static website generated with Codexa. Edit <code>index.html</code>, <code>styles.css</code>, and <code>app.js</code>.</p>
        <button id="cta">Say hello</button>
      </section>
      <section id="about"><h2>About</h2><p>Tell visitors who you are.</p></section>
      <section id="contact"><h2>Contact</h2><p>hello@example.com</p></section>
    </main>
    <script src="app.js"></script>
  </body>
</html>

Dependencies

This template has no dependencies and no build step; files are served as-is.

How it runs

Framework
Static HTML/CSS/JS
Dev command
codexa-static
Build command
none (static files)
Output directory
.
Port
5173
Opens at
/
Difficulty
beginner

Projects run in an isolated sandbox with a live preview. Read the projects documentation for details on settings, snapshots and deployment.

More websites templates

View all
  • Framework: Static HTML/CSS/JSDifficulty: beginner

    Multi-page blog

    A plain HTML and CSS blog with a post index, two example posts, and an about page. No build step.

    • html
    • css
    • blog
    • multi-page
    • static

    7 files

    Use templatePreview

Need the raw data? GET /api/v1/templates/static-site returns this template with its files.

Build on Static website

Create a free account, start from this template, and ask the AI agent to turn it into your app.

Start Building FreeAll templates