Your web app, drawn natively on the GPU.

import { render } from "@gpuijs/core/react"
import { useState } from "react"

function App() {
  const [todos, setTodos] = useState(initial)
  return (
    <main className="flex flex-col gap-3 p-6">
      <h1 className="title">Todos</h1>
      {todos.map((todo) => (
        <Todo key={todo.id} todo={todo} />
      ))}
    </main>
  )
}

render(<App />)

<script setup>
import { ref } from "vue"
const todos = ref(initial)
</script>

<template>
  <main class="flex flex-col gap-3 p-6">
    <h1 class="title">Todos</h1>
    <Todo
      v-for="todo in todos"
      :key="todo.id"
      :todo="todo"
    />
  </main>
</template>

import { render } from "@gpuijs/core/solid"
import { createSignal, For } from "solid-js"

function App() {
  const [todos, setTodos] = createSignal(initial)
  return (
    <main class="flex flex-col gap-3 p-6">
      <h1 class="title">Todos</h1>
      <For each={todos()}>
        {(todo) => <Todo todo={todo} />}
      </For>
    </main>
  )
}

render(() => <App />)