PrestonOS

My OS-style portfolio, built on Fuse, which is my framework!

Preview

Features

PMOD

PMOD provides primitives which uses Fuse to let you define apps and widgets easily.

Here's an example:

import { h, signal } from "@prestonarnold/fuse";
import { defineApp } from "../pmod";
import { Button } from "../pmod/primitives/button";
import { VStack } from "../pmod/primitives/vstack";

defineApp({
  name: "Simple",
  content() {
    const inputValue = signal("");

    return (
      <VStack gap={8}>
        <h1>Hello, World!</h1>
        <input
          value={inputValue}
          onInput={(e: Event) =>
            inputValue.set((e.target as HTMLInputElement).value)
          }
        />
        <Button
          onClick={() => {
            console.log(inputValue.get());
          }}
        >
          Save
        </Button>
      </VStack>
    );
  },
});

It's purpose is so I can build modular and reactive apps for this portfolio without repeating myself and boilerplate.

(README WIP)