README.md

cssGraphics

cssGraphics packages animated and interactive 3D models as real HTML and CSS, without a WebGL or canvas renderer. Powered by the PolyCSS engine.

Run locally

pnpm install
pnpm dev

Adapters

3D Pipes

src/adapters/3dpipes is an original generative PolyCSS scene inspired by XScreenSaver pipes.c and Windows 3D Pipes. It uses prepared connected tube meshes, lighting, and playback with stable retained DOM.

pnpm install
pnpm build:3dpipes:full
pnpm dev:3dpipes

Flower Box

src/adapters/flowerbox is an independent PolyCSS reconstruction of the classic Flower Box. Its rounded prepared cycle uses 1,200 stable retained triangle leaves, prepared Morph transforms, and a hash-bound q60 space-texel lighting atlas.

pnpm prepare:flowerbox:artifact
pnpm build:flowerbox
pnpm dev:flowerbox

Microsoft source, binaries, captures, and oracle packets are not included.

Gears

src/adapters/gears is a source-backed PolyCSS port of XScreenSaver Gears. Twenty-four prepared three-gear assemblies enter from distinct non-crossing viewport edges, lock, rotate for 15 seconds, and leave before a shuffled, non-repeating prepared assembly takes over. The browser retains three gear roots and does not build geometry, lighting, ratios, phase, camera state, or DOM at runtime. A prepared portrait profile is selected below 600px. Gzip-prepared scene and snapshot files load selected-first, then fill a four-request cached background queue for seamless later transitions.

pnpm prepare:gears:artifact
pnpm build:gears
pnpm dev:gears

The pinned XScreenSaver checkout, native binaries, captures, and generated browser assets are not committed.

License

cssGraphics source code is MIT licensed. Third-party models retain their original licenses and attribution, listed in site/public/catalog.json.