PXL Clock

A 24x24 pixel display in a handmade frame with real glass. It shows clocks, animations, short stories - and anything else you can think of.

Get your PXL Clock -> pxlclock.com

---

PXL Studio

studio.pxlclock.com

Describe what you want to see, and PXL Studio builds it for you - in the browser, nothing to install. Watch it run on a simulated clock while you refine it, then send it to your device.

PXL App

Control your clock from your phone: pick what it shows, set brightness and sleep times, install new pixograms.

App Store  ·  Google Play

Community

Share what you built, ask questions, or just watch what others come up with.

---

Writing your own pixograms

A pixogram is a C# script. That is the whole thing - a bouncing ball:

#:package Pxl

using Pxl.Ui.CSharp;

double x = 0;

var scene = (RasterSurface ctx) =>
{
    ctx.DrawBackground(Colors.Black);
    ctx.DrawCircle(x, 12, 3, colorFill: Colors.Red);
    x += 0.2;
    if (x > ctx.Width + 3) x = -3;
};

The VS Code extension gives you a built-in simulator with hot reload, and publishes to a real clock with one click. Install it, open this repo, and hit play on any .cs file.

Examples in this repo: apps/demos/ walks from 01-hello-pixel.cs upwards, and llms.txt is the full API reference - handy to paste into an AI assistant.

Prefer the command line? Pxl.Render (dotnet tool install --global Pxl.Render) turns any script into a GIF, APNG or video.

---

Ideas, bugs, contributions

Open an issue for anything - hardware feedback, feature ideas, bug reports. Pull requests are welcome too.

LICENSE.md