Aprende LVGL

Build with
PicoPixel.

Guías paso a paso para diseñar en el editor web, trabajar con placas ESP32 y organizar tus proyectos.

Cómo usar mascotas en PicoPixel thumbnail
DESTACADO · PICOPIXEL

Cómo usar mascotas en PicoPixel

Las mascotas son sprites con varias animaciones listas para usar. Elige una, añádela a tu proyecto y haz que reaccione a lo que ocurra en tu dispositivo: consultas de datos, cambios de temperatura, revisiones de código y más.

pets · sprites · picopixelLeer guía

12 Todos

Cómo usar plantillas, kits de interfaz y apps completas de PicoPixel thumbnail
PICOPIXEL

Cómo usar plantillas, kits de interfaz y apps completas de PicoPixel

Encuentra plantillas, kits de interfaz, ejemplos, sprites, widgets y archivos de apps completas de PicoPixel; ábrelos, descárgalos, impórtalos, personalízalos y expórtalos como código C de LVGL para tu dispositivo.

templates · ui-kits · full-apps
PicoPixel LVGL MCP Server Setup Guide thumbnail
PICOPIXEL

PicoPixel LVGL MCP Server Setup Guide

Set up the PicoPixel LVGL MCP server for Claude, ChatGPT, Codex, or Cursor. Learn agent settings, reusable components, colors, fonts, and assets.

LVGL MCP · MCP server setup · AI UI design
Trabajar con el widget de imagen animada de LVGL thumbnail
LVGL

Trabajar con el widget de imagen animada de LVGL

Cómo funciona el widget de imagen animada de LVGL: sube una secuencia de fotogramas del mismo tamaño, configura la duración y el bucle, y reproduce animaciones fotograma a fotograma en tu pantalla.

lvgl · animated-image · animimg
¿Qué es un sprite? thumbnail
PICOPIXEL

¿Qué es un sprite?

Aprende qué son los sprites, cómo crear widgets animados con múltiples estados y cómo reutilizarlos entre proyectos.

sprite · picopixel
Usar el editor de eventos thumbnail
PICOPIXEL

Usar el editor de eventos

Haz tu interfaz interactiva con el editor de eventos de PicoPixel: arrastra una conexión de un widget a otro, elige un disparador como un clic o un cambio de valor, y decide qué ocurre.

events · interactions · picopixel
Creating LVGL themes thumbnail
PICOPIXEL

Creating LVGL themes

Create light and dark LVGL themes in PicoPixel with reusable color tokens, bind them to widgets, and add a Set Theme event that switches themes at runtime.

themes · color tokens · dark mode
Guía de bibliotecas y componentes LVGL reutilizables en PicoPixel thumbnail
PICOPIXEL

Guía de bibliotecas y componentes LVGL reutilizables en PicoPixel

Cómo funcionan las bibliotecas en PicoPixel: publicar un archivo hace que sus recursos sean reutilizables para tu equipo, no públicos. Qué contiene una biblioteca, cómo publicar y vincular una, dónde aparecen las bibliotecas publicadas y las únicas dos formas en que algo puede salir de tu equipo.

library · components · sharing
Trabajar con fuentes thumbnail
PICOPIXEL

Trabajar con fuentes

Aprende por qué las fuentes de LVGL necesitan conversión, cómo crear una desde una fuente incluida o cargada, configurar escrituras de derecha a izquierda como árabe y hebreo, manejar fuentes CJK grandes y eliminar las que ya no usas.

font · picopixel · lvgl
Tutorial ESP32 LVGL: crea una interfaz táctil thumbnail
HARDWARE

Tutorial ESP32 LVGL: crea una interfaz táctil

Crea una interfaz táctil para el ESP32 con LVGL, diséñala visualmente en tu navegador, previsualízala en tiempo real y exporta código C para integrarlo en tu firmware. Una guía pensada para principiantes.

esp32 · lvgl · ui
Cómo enviar una mascota thumbnail
PICOPIXEL

Cómo enviar una mascota

Dos formas de compartir tu mascota con la comunidad de PicoPixel: pega una URL de Petdex para enviarla rápidamente, o sube una hoja de sprites y un sprite.json a GitHub. Además, cómo generar una mascota original con herramientas de IA.

pets · sprites · petdex
Cómo enviar una plantilla thumbnail
PICOPIXEL

Cómo enviar una plantilla

Comparte uno de tus archivos de PicoPixel como plantilla de la comunidad creando un repositorio de GitHub con tu archivo .picopixel, imágenes de muestra y una descripción en el README.

templates · submission · sharing
Cómo reportar contenido thumbnail
PICOPIXEL

Cómo reportar contenido

¿Encontraste una mascota, una plantilla u otro contenido de la comunidad que no debería estar ahí? Repórtalo a través del formulario de comentarios: qué incluir, cómo señalar un problema de derechos de autor y qué sucede después.

report · copyright · moderation
¿Tienes una idea para un tutorial?
Cuéntanos en hello@picopixel.io
hello@picopixel.io