Skip to content

Adds a Pixel Art Editor Component#43

Open
kkoppenhaver wants to merge 1 commit intotryretool:mainfrom
kkoppenhaver:add-pixel-art-editor
Open

Adds a Pixel Art Editor Component#43
kkoppenhaver wants to merge 1 commit intotryretool:mainfrom
kkoppenhaver:add-pixel-art-editor

Conversation

@kkoppenhaver
Copy link
Copy Markdown
Contributor

Summary

  • Adds a new pixel-art-editor component: a 32×32 canvas editor with pencil, eraser, flood-fill, palette, and PNG export.
  • Drawing state is pushed back to Retool as a base64 PNG data URL on every stroke/fill/clear, plus currentTool, currentColor, and isEmpty outputs and change / export events.
  • Wrapped with @tryretool/custom-component-support; built with React 18 + TypeScript, zero external dependencies beyond the SDK.

Test plan

  • npx retool-ccl dev boots the component against a Retool instance
  • Pencil, eraser, and fill all mutate the canvas and update imageDataUrl
  • Export PNG button downloads a 512×512 PNG and fires the export event
  • disabled inspector toggle greys out the toolbar and blocks canvas input
  • Gallery form at https://customcomponents.retool.com/ submitted with this PR URL

🤖 Generated with Claude Code

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@kkoppenhaver kkoppenhaver changed the title pixel-art-editor Adds a Pixel Art Editor Component Apr 23, 2026
@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 1, 2026

Hey! Just a reminder, your PR has been open for a week but your component hasn't been approved yet.

That's because it also needs to be submitted on the gallery website:
https://customcomponents.retool.com/

This is the last step! It only takes a few minutes — once submitted, our team will review it and get it live in the gallery. 🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant