Marciano by Hostarys
Mascota oficial de Hostarys

Conoce a Marciano.

Una llamita curiosa que vive dentro de tu web: te sigue con la mirada, se marea si le das mucha guerra y se queda frito si le ignoras.

Ponlo en tu webStickers
01

Expresiones

Once estados de ánimo listos para usar con el atributo mood o encadenados desde JavaScript.

  • Normalmood="dots"
  • Enamoradomood="hearts"
  • Mareadomood="spiral"
  • Dormirmood="sleepy"
  • KOmood="cross"
  • Enfadadomood="angry"
  • Sorprendidomood="surprised"
  • Felizmood="happy"
  • Tristemood="sad"
  • Guiñomood="wink"
  • Pensandomood="thinking"
02

Colores

Usa un nombre de la paleta o cualquier color CSS en color. Haz clic en una tarjeta para copiar su código.

Paleta Hostarys

Clásicos

03

Accesorios

Combínalos separándolos con espacios: accessory="crown bowtie".

  • Gafasaccessory="glasses"
  • Gafas de solaccessory="sunglasses"
  • Pajaritaaccessory="bowtie"
  • Coronaaccessory="crown"
  • Gorro de Papá Noelaccessory="santa"
  • Auricularesaccessory="headphones"
  • Sombrero de brujaaccessory="witch"
  • Calabazaaccessory="pumpkin"
  • Bufandaaccessory="scarf"
  • Gorro de fiestaaccessory="party"
  • Corona de floresaccessory="flowers"
  • Globo de corazónaccessory="heart"
  • Sombrero de pajaaccessory="beach"
04

Descargas

Marciano fuera del navegador: stickers, emojis, vídeo, animaciones e integraciones.

Stickers

Añádelo a WhatsApp y Telegram

Once stickers animados y los pasos para instalarlos en iPhone y Android.

Todo

Centro de descargas

Paquetes, emojis para Slack y Discord, vídeos MP4 y WebM, Lottie, SVG animado y plugin de WordPress.

05

Demos

Ideas listas para copiar: Marciano trabajando en situaciones reales.

Playground

Pruébalo todo

Colores, accesorios, cola de expresiones, arrastrar y hablar.

Carga

Pantalla de carga

Se enciende mientras carga, guiña y se apaga.

Asistente

Chat asistente

Piensa, responde y se emociona con cada mensaje.

Estado

Estado de servicios

Un Marciano por servicio: su cara dice cómo va.

Error

Página 404

Se ha apagado… hasta que le haces caso.

06

Usarlo

Sin dependencias ni compilación. Elige tu sabor. Instalación y todas las opciones en la guía.

HTML

Un script y una etiqueta. Funciona en cualquier web.

<!-- una vez por página -->
<script src="marciano-flame.js"></script>

<marciano-flame
  color="hostarys"
  mood="happy"
  glow></marciano-flame>
Descargar marciano-flame.js

WordPress

Instala el plugin y usa el shortcode en cualquier entrada o bloque.

[marciano color="hostarys"
  mood="happy"
  glow="1"
  accessory="crown"]
Descargar el plugin

React

Desde el paquete @hostarys/marciano, con props tipadas.

import { Marciano } from "@hostarys/marciano";

export default function App() {
  return (
    <Marciano color="hostarys" glow />
  );
}
Cómo instalar el paquete