PopCraft on GitHub

Open source tools for making things pop.

Script designs from the command line, build plugins for the editor, start from working examples, and test layouts on foldables. Everything here is MIT licensed.

brew install getpopcraft/popcraft/popcraft
npm i -D @popcraft/plugins

Projects

Pick the one that matches what you're building.

PopCraft CLI Command line

Edit .popcraft files without opening the app, call the REST API, and publish to the marketplace. Good for CI and batch jobs.

brew install getpopcraft/popcraft/popcraft
npm i -g @popcraft/cli
CLI docs Homebrew tap

Plugin SDK Extend the editor

The popcraft API and types for plugins, widgets, themes, brushes, shaders and templates, with one working example of each.

npm i -D @popcraft/plugins
  • arrange-grid: commands, a UI and storage
  • contrast-checker: WCAG checks over the selection
  • storefront-preview: a new File › Export format
Code & examples Plugin guide

Examples Start here

Small, complete projects for @popcraft/kit, @popcraft/cli and @popcraft/runtime, checked weekly against the latest releases.

  • 25 templates in every format, from launch films to email
  • Social cards generated from a JSON file of events
  • A CI gate that fails on unreadable or too-small text
  • Next.js Commerce drawn by a PopCraft design
git clone https://github.com/getpopcraft/examples
Browse examples Package docs

Foldable Sim Testing

Test any web app's responsive and foldable layouts in your browser: iPhone, iPad, MacBook, and the iPhone Duo closed, half open and open.

  • Paste a URL; switch device, posture and rotation
  • Your app gets the hinge and crease as CSS attributes and variables
  • Includes a Tailwind example with fold variants
Open the simulator Code
Try PopCraft →The design tool, in your browser or on the desktop Read the docs →Guides for the app, the API and exports Design with an AI agent →Drive PopCraft from your coding agent All repositories →Issues and pull requests welcome