Pxl Prfct

Product website & free downloads — screenshots, the project overview, and Windows preview downloads. Pxl Prfct is free to use with source available under the Community License. Create and sell your own work; do not sell the editor or software derived from its code.

Pxl Prfct icons — preview the separate MIT-licensed collection, browse all 679 icons, and download SVGs or the complete font pack.

Wiki · Dev log · Contribution guide · GitHub Releases

Desktop downloads

The Windows v0.1.1-alpha.21 preview adds open-path Pen and Pencil drawing, direct path editing, independent gradient animation, and detachable parent panels in both editors. It also includes the SVG animator, grouped keyframe editing and easing, precise selection timing, animation reuse and reversal, keyframe duplication, snapping and navigation, reliable Pause controls, canvas stretch and rotation handles, motion paths, morphing, and interactive SVG export, alongside the design editor and optional self-hosted team connections. Get the installer, ZIP, checksums, and build details from the release page or the product website. This is an unsigned early-testing prerelease under the Community License. Back up designs as .pixl files; this is not a production-stability promise or complete import compatibility.

Code signing policy: Signing status, maintainers, and release approvals. SignPath enrollment is pending; this prerelease has no Windows publisher signature. Privacy: Data handling and network controls. Online fonts are off by default in local desktop designs.

Desktop apps: npm run desktop:dev, npm run desktop:mac, and npm run desktop:win. See Desktop builds and Mac App Store signing.

AI agents can build and edit live or saved designs through the PixlPrfct MCP server.

Self-hosted accounts, organizations, teams, and database setup: see Self-hosting PixlPrfct. Start with npm run selfhost:setup.

A browser-first design editor with a reusable Rust document engine compiled to WebAssembly. The editor provides a canvas, layers, a contextual inspector, and shared controls for design and animation workflows. It supports local drafts and self-hosted account and team workspaces. The current editor also supports optional simultaneous editing and explicit conflict recovery for team documents; those workflows require a compatible self-hosted server.

The app opens at All projects (/). Create a design, import a .pixl project, or open an existing project from its card. Search, sorting, and grid/list views help find saved work. Each project opens in a separate editor route; All projects in the editor saves changes and returns home. Local projects stay in this browser, while the Cloud projects collection uses your signed-in account.

New design → SVG Animation opens a separate SVG animator with SVG import, property keyframes, path morphing, motion paths, custom Bézier easing, a docked timeline, playback, click/hover triggers, and animated SVG export with a live preview. Editable timelines save as .pixl projects. See the SVG animator walkthrough and SVG Animation guide for the workflow, verification, and current limitations. It is included in the Windows v0.1.1-alpha.21 preview. Select, move, copy/paste, or delete multiple timeline keys together; apply easing to a selection, or set its exact start and proportional duration. Copy transform and appearance keys onto another element, or reverse a selection with its easing. Duplicate keys at the playhead with Cmd/Ctrl+D, or Shift-drag to align with the playhead and other keys. Each group edit is one undo step.

The preview includes previous/next-keyframe navigation with Alt/Option+Left/Right or the timeline menu, preserving your selection and revealing the playhead when zoomed. It also fixes Pause clicks during playback; Play resumes from the paused time. Alpha.20 adds canvas handles for stretching and rotating objects: drag a corner or edge to resize, or just outside a corner to rotate. Shift preserves proportions or snaps rotation; Alt/Option resizes from the center. Each completed gesture writes keys at the playhead as one undo step.

Arrange your workspace

Parent panels in Design and SVG Animation can move into separate windows. Drag a panel heading to tear it out; it follows the cursor until you release. Window positions and sizes restore across refresh and desktop restart. Collapse a panel to icons, then click its icon to open an adjacent flyout inside the editor. Show and Dock actions have tooltips. Fill, Stroke and Transform stay in their parent Inspector. SVG Pen tools can dock on the right. See Panel workspace.

Draw and animate SVG paths and gradients

Pen shows a painted stroke immediately and supports open paths: finish with Escape, Enter, Finish path or Select. Pick artwork directly on the stage and delete selected paths with Delete/Backspace or the inspector. Pencil creates editable curves with adjustable smoothing. Direct Selection edits anchors and handles, splits paths, and joins endpoints within one path. Add SVG preserves existing animation; Replace explicitly replaces the artwork.

This is the beginning of the README. Read the rest at the original. Read the full README ↗