PicoPixel

So reichst du ein Template ein

Teile eine deiner PicoPixel-Dateien als Community-Template, indem du ein GitHub-Repo mit deiner .picopixel-Datei, Vorschaubildern und einer README-Beschreibung erstellst.

PI PicoPixel
templates submission sharing github
AKTUALISIERT 2026-05-30
01 /07

Übersicht

Ein Template ist eine deiner PicoPixel-Dateien, die du teilst, damit andere sie als Ausgangspunkt öffnen können. Anstatt einen Bildschirm von Grund auf zu bauen, beginnen sie mit deinem Layout, deinen Widgets und deinem Styling, das bereits vorhanden ist.

Templates werden über GitHub eingereicht. Du erstellst ein öffentliches Repository mit deiner .picopixel-Datei, allen Bildern, die du präsentieren möchtest, und einer README-Datei, die das Template beschreibt. Nach der Genehmigung erscheint dein Template in der Community-Templates-Galerie, wo jeder es durchsuchen und verwenden kann – mit deiner Quellenangabe.

Diese Anleitung erklärt das Einrichten deines Repos, das Ausfüllen des Einreichungsformulars, die Rechte, die du einräumst, und wie du deiner Einreichung die besten Chancen auf Annahme gibst.

02 /07

Bevor du beginnst

Du benötigst zwei Dinge, bevor du einreichst.

  1. Ein GitHub-Konto. Dein Template-Repo muss auf GitHub gehostet werden. Wenn du noch kein Konto hast, erstelle zuerst eines.
  2. Ein abgeschlossenes Design. Stelle sicher, dass du mit deiner .picopixel-Datei zufrieden bist, bevor du einreichst. Exportiere sie aus der PicoPixel-App und halte sie zum Hinzufügen zu deinem Repo bereit.
NOTE

Du musst in der PicoPixel-App angemeldet sein, um auf das Einreichungsformular zuzugreifen. Öffne die PicoPixel-App und melde dich mit Google oder GitHub an, falls du das noch nicht getan hast.

03 /07

Dein GitHub-Repo einrichten

Erstelle ein neues öffentliches GitHub-Repository für deine Template-Einreichung. Das Repo sollte drei Dinge enthalten:

1. Deine .picopixel-Datei

Lege deine .picopixel-Design-Datei im Root des Repos ab. Das ist die Datei, die die Leute herunterladen und in PicoPixel öffnen werden, also stelle sicher, dass es die finale Version ist.

2. Vorschaubilder

Füge alle Bilder hinzu, die du neben deinem Template in der Galerie anzeigen möchtest. Diese helfen den Leuten zu sehen, wie das Design aussieht, bevor sie es herunterladen.

  • Lege Bilder im Root des Repos oder in einem Ordner wie images/ ab.
  • Verwende gängige Formate: .png, .jpg oder .webp.
  • Füge mindestens einen Screenshot deines Designs in Aktion bei. Mehrere Ansichten oder Bildschirme sind noch besser.
  • Halte Bilder in einer vernünftigen Größe – groß genug, um Details zu sehen, aber nicht unnötig riesig.

3. Eine README

Schreibe eine README.md im Root des Repos. Diese wird als Beschreibung des Templates in der Galerie verwendet, behandle sie also als die öffentliche Seite für dein Template.

Eine gute README sollte abdecken:

  • Was das Template ist – eine kurze Zusammenfassung des Designs und wofür es gedacht ist.
  • Zielauflösung und Hardware – das Board oder Display, für das es gebaut wurde, damit die Leute wissen, ob es zu ihrem Setup passt.
  • Was enthalten ist – liste die Bildschirme, Widgets und wichtigsten Funktionen auf. Zum Beispiel: „zwei Bildschirme: ein Haupt-Dashboard und eine Einstellungsseite, mit Schiebereglern, Umschaltern und einem Uhr-Widget."
  • Danksagungen – wenn du Drittanbieter-Assets verwendet hast, die du lizenziert teilen kannst, nenne sie und ihre Quelle.
TIP

Stell dir vor, jemand landet auf deinem Template in der Galerie ohne jeden anderen Kontext. Wenn deine README die Frage beantwortet: „Was ist das und funktioniert es für mich?", tut sie ihren Job.

Hier ist ein minimales Beispiel:

markdown
# Weather Dashboard Template

A clean two-screen weather dashboard designed for 320×240 TFT displays.

## What's included

- **Home screen** — current temperature, humidity, and a 3-day forecast row
- **Settings screen** — unit toggle (°C/°F), update interval slider, and Wi-Fi status

## Built for

- 320×240 resolution
- ILI9341 or similar TFT displays

## Credits

Weather icons from [Meteocons](https://bas.dev/work/meteocons) (MIT license).
04 /07

Das Formular ausfüllen

Sobald dein Repo bereit ist, gehe zum Einreichungsformular.

  1. Öffne die PicoPixel-App und melde dich an.
  2. Klicke auf dein Konto am unteren Rand der linken Seitenleiste, dann wähle Dein Konto.
  3. In der Dein-Konto-Seitenleiste öffne Template einreichen.

Das Formular hat drei Felder:

  • GitHub-Repo-Link – die URL deines öffentlichen GitHub-Repositories (z. B. https://github.com/deinname/mein-template). Das Repo muss öffentlich sein, damit das Review-Team darauf zugreifen kann. Überprüfe, ob das Repo deine .picopixel-Datei, Bilder und README enthält, bevor du einreichst.
  • Autor / Danksagungen – der Name, der als Ersteller des Templates angezeigt werden soll. Füge alle hinzu, die neben dir genannt werden sollen.
  • Hinweise (optional) – alles, was das Review-Team wissen sollte und nicht in deiner README steht. Zum Beispiel, wenn bestimmte Bilder nicht in der Galerie-Auflistung verwendet werden sollen, oder wenn es Kontext zum Design gibt, der nicht in die öffentliche Beschreibung gehört.

Wenn alles stimmt, sende das Formular ab.

05 /07

Rechte und Genehmigungen

Das Einreichen eines Templates gewährt echte Rechte, also lies dies sorgfältig durch, bevor du absendest.

WARNING

Reiche kein Material ein, das urheberrechtlich geschützte Inhalte oder Inhalte enthält, die dir nicht gehören. Alles in deinem Repo – die .picopixel-Datei, Bilder, Schriftarten, Icons und alle anderen Assets – muss vollständig dein eigenes Originalwerk sein oder Material, für dessen öffentliche Weitergabe du ausdrückliche Genehmigung hast.

Durch das Einreichen räumst du PicoPixel die Genehmigung ein, den Inhalt deines Repositories öffentlich in der Community-Templates-Galerie zu öffnen, herunterzuladen und zu veröffentlichen. Veröffentlichte Templates werden ohne Urheberrechtsbeschränkungen oder Lizenzanforderungen zur Verfügung gestellt, sodass jeder sie frei in seinen eigenen Projekten verwenden kann, auch für kommerzielle Zwecke. Deine Quellenangabe wird angezeigt, aber das Template selbst ist für andere frei verwendbar.

Das bedeutet, dass du nur Arbeit einreichen solltest, mit der du dich wohl fühlst, sie zu diesen Bedingungen zu teilen. Wenn ein Teil deines Designs ein Asset verwendet, das du nicht erstellt hast – eine Schriftart, Icon-Set, Bild oder ähnliches – und du dir nicht sicher bist, ob du es frei und uneingeschränkt teilen kannst, entferne es vor dem Einreichen. Im Zweifel lieber weglassen: Ein sauberes Template ist für andere viel nützlicher als eines, das später entfernt werden muss.

PicoPixel kann Inhalte entfernen, die Rechte Dritter verletzen. Siehe die Nutzungsbedingungen.

06 /07

Was als nächstes passiert

Nach deiner Einreichung klont das PicoPixel-Team dein Repo und überprüft das Template. Die Überprüfung stellt sicher, dass die .picopixel-Datei korrekt geöffnet wird, dass die Bilder und README angemessen sind und dass die Einreichung den Nutzungsbedingungen entspricht.

Das Team kann sich melden, wenn etwas geklärt oder behoben werden muss. Sobald es die Überprüfung besteht, wird das Template in der Templates-Galerie mit deiner Quellenangabe und deiner README als Beschreibung veröffentlicht. Von dort aus kann jeder es als Ausgangspunkt für sein eigenes Design verwenden.

NOTE

Behalte dein Repo nach der Einreichung. Wenn du dein Template später aktualisieren musst – einen Fehler beheben, ein Bild austauschen oder die Beschreibung verbessern – kannst du das Repo aktualisieren und das Team informieren.

Wenn ein veröffentlichtes Template jemals korrigiert oder entfernt werden muss (deins oder das eines anderen), siehe So meldest du Inhalte.

07 /07

Wohin als nächstes

WEITERLESEN

Weiter gehts.

So verwendest du Pets in PicoPixel thumbnail
PICOPIXEL

So verwendest du Pets in PicoPixel

Pets sind fertige, animierte Sprites mit mehreren Modi, die du bei jeder Bedingung auslösen kannst. Hol dir eines aus dem Verzeichnis, füge es deinem Projekt hinzu und verbinde es so, dass es auf alles reagiert, was dein Gerät gerade macht: Daten abrufen, überhitzen, Code reviewen – was auch immer.

pets · sprites · picopixel
So verwendest du PicoPixel-Vorlagen, UI-Kits und vollständige Apps thumbnail
PICOPIXEL

So verwendest du PicoPixel-Vorlagen, UI-Kits und vollständige Apps

Finde PicoPixel-Vorlagen, UI-Kits, Beispiele, Sprites, Widgets und vollständige App-Dateien, öffne, lade, importiere, passe sie an und exportiere sie als LVGL-C-Code für dein Gerät.

templates · ui-kits · full-apps
Was ist ein Sprite? thumbnail
PICOPIXEL

Was ist ein Sprite?

Lerne, was Sprites sind, wie du mehrzuständige animierte Widgets erstellst und wie du sie projektübergreifend wiederverwenden kannst.

sprite · picopixel