HeronTool
Español▾
Iniciar sesión
EnglishEnglish 中文Chinese 繁體中文Chinese (Traditional) EspañolSpanish FrançaisFrench DeutschGerman PortuguêsPortuguese ItalianoItalian РусскийRussian العربيةArabic 日本語Japanese 한국어Korean हिन्दीHindi Bahasa IndonesiaIndonesian Tiếng ViệtVietnamese ไทยThai TürkçeTurkish PolskiPolish
Inicio › Recursos de diseño › Skeleton Screen Generator

Skeleton Screen Generator

Generate shimmering placeholder blocks for loading states.

CSS Diseño Animación
Rows—

Cómo usar

  1. Adjust the parameters — the preview and CSS update instantly.
  2. 调整参数，预览与 CSS 实时更新。
  3. 調整參數，預覽與 CSS 即時更新。

Casos de uso

Generate shimmering placeholder blocks for loading states.

Nada se sube: todo se procesa localmente en tu navegador.

Comentario / Informar / Mis anotaciones

Inicia sesión primero — Iniciar sesión

Inicia sesión primero — Iniciar sesión

Inicia sesión primero — Iniciar sesión

Herramientas relacionadas
Generador de degradados Genera degradados CSS lineales/radiales con vista previa en vivo. Degradado Vista previa de fuentes Escribe texto y cambia la familia de fuente para previsualizar en vivo. Fuente Buscador de iconos Busca iconos de Tabler y copia su SVG en un clic. Icono Generador de paletas Crea una paleta armónica (análoga/complementaria) desde un color base. Paleta Generador de maquetas Arrastra una URL o una captura de pantalla a un marco mockup de dispositivo. Mockup Contraste de colores Comprueba el contraste WCAG del texto sobre el fondo. Contraste Generador box-shadow Construye visualmente box-shadow CSS. Sombra Generador text-shadow Construye text-shadow CSS. Sombra