@petx/solid

SolidJS renderer for animated Codex pet spritesheets.

npm i @petx/solid

import { PetX } from '@petx/solid';
import '@petx/solid/styles.css';

export function Preview() {
  return <PetX src="/pets/frieren/spritesheet.webp" animation="review" size={192} />;
}

Use animation, frame, playing, frameInterval, atlas, animations, offsetX, and offsetY to tune playback and alignment. For V2, pass a pet manifest containing spriteVersionNumber: 2 (or pass spriteVersionNumber={2} with src) and set lookDirection to clockwise degrees or a screen-space { x, y } vector. V1 remains the default when the version is omitted.