{"id":19137155,"url":"https://github.com/nothans/led-matrix-designer","last_synced_at":"2026-02-04T09:14:38.696Z","repository":{"id":260937412,"uuid":"882766390","full_name":"nothans/led-matrix-designer","owner":"nothans","description":"An interactive web-based tool for designing LED matrix patterns and generating Arduino-compatible code. Perfect for creating custom displays for LED matrix projects.","archived":false,"fork":false,"pushed_at":"2024-11-04T15:05:09.000Z","size":1188,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-28T03:32:43.620Z","etag":null,"topics":["arduino","arduino-uno-r4-wifi","led-matrix"],"latest_commit_sha":null,"homepage":"https://led-matrix.nothans.com","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/nothans.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-11-03T17:50:35.000Z","updated_at":"2024-11-04T15:05:12.000Z","dependencies_parsed_at":"2025-02-22T18:39:07.185Z","dependency_job_id":null,"html_url":"https://github.com/nothans/led-matrix-designer","commit_stats":null,"previous_names":["nothans/led-matrix-designer"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nothans%2Fled-matrix-designer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nothans%2Fled-matrix-designer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nothans%2Fled-matrix-designer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nothans%2Fled-matrix-designer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nothans","download_url":"https://codeload.github.com/nothans/led-matrix-designer/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248898508,"owners_count":21179788,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["arduino","arduino-uno-r4-wifi","led-matrix"],"created_at":"2024-11-09T06:37:44.102Z","updated_at":"2026-02-04T09:14:38.670Z","avatar_url":"https://github.com/nothans.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# LED Matrix Designer\n\nAn interactive web-based tool for designing LED matrix patterns and generating Arduino-compatible code. Perfect for creating custom displays for LED matrix projects.\n\n## Features\n\n- 🎨 Visual LED matrix designer with clickable pixels\n- 📏 Adjustable matrix dimensions (up to 32x32)\n- 🎯 Interactive drawing tools:\n  - Click to toggle individual pixels\n  - Click and drag to draw continuously\n  - Keyboard navigation support\n- 🛠️ Matrix manipulation tools:\n  - Clear All\n  - Fill All\n  - Invert Pattern\n- 🎨 Customizable active LED color\n- 💻 Real-time Arduino code generation\n- 📋 Copy-to-clipboard functionality\n- 📝 Editable code output with live preview\n- 📱 Responsive design for mobile and desktop\n\n## Usage\n\n1. Open the [LED Matrix Designer](https://led-matrix.nothans.com) in your web browser\n2. Set your desired matrix dimensions (rows and columns)\n3. Click on pixels to create your design\n4. Customize the variable name for the generated code\n5. Copy the generated code for use in your Arduino project\n\n## Generated Code Format\n\nThe tool generates Arduino-compatible code in the following format:\n\n```cpp\nbyte design[8][12] = {\n  { 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0 },\n  { 0, 1, 1, 0, 0, 0, 0, 0, 0, 1, 1, 0 },\n  { 1, 1, 1, 1, 0, 0, 0, 0, 1, 1, 1, 1 },\n  { 1, 1, 1, 1, 0, 0, 0, 0, 1, 1, 1, 1 },\n  { 0, 1, 1, 0, 0, 0, 0, 0, 0, 1, 1, 0 },\n  { 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0 },\n  { 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0 },\n  { 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0 }\n};\n```\n### Arduino UNO R4 WiFi LED Matrix Code\n\n```cpp\n// Include the ArduinoGraphics library and the Arduino LED Matrix library\n#include \"ArduinoGraphics.h\"\n#include \"Arduino_LED_Matrix.h\"\n\n// Create a new LED Matrix object\nArduinoLEDMatrix matrix;\n\n// Define the LED Matrix design\nbyte design[8][12] = {\n  { 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0 },\n  { 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0 },\n  { 1, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1 },\n  { 1, 0, 1, 0, 0, 0, 0, 0, 0, 1, 0, 1 },\n  { 1, 0, 1, 0, 0, 0, 0, 0, 0, 1, 0, 1 },\n  { 1, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1 },\n  { 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0 },\n  { 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0 }\n};\n\nvoid setup() {\n  // Initialize the LED Matrix\n  matrix.begin();\n  // Render the design on the LED Matrix\n  matrix.renderBitmap(design, 8, 12);\n}\n\nvoid loop() {\n}\n```\n\n## Packed Code Format\n\nThe tool also generates packed code to save program space on the Arduino. This format uses the loadFrame function of the Arduino LED Matrix library.\n\n```cpp\nconst unsigned long design[] = {\n    0x555AAA55,\n    0x5AAA555A,\n    0xAA555AAA\n};\n\nmatrix.loadFrame(design);\n```\n\n## Screenshots\n\n| LED Matrix Designer App | Arduino UNO R4 WiFi |\n|-------------|---------------------|\n| ![FED Matrix Designer App](/screenshots/cheerlights_icon.png) | ![Arduino UNO R4 WiFi](/screenshots/cheerlights_icon_on_uno_r4_wifi.png) |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnothans%2Fled-matrix-designer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnothans%2Fled-matrix-designer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnothans%2Fled-matrix-designer/lists"}