Saltar al contenido
Indicadores Pro

Reloj orbital

Reloj donde el segundero, el minutero y el horario son planetas que orbitan un sol, con estelas, iluminación desde el sol y profundidad. Arrastra alrededor del sol para viajar en el tiempo: las estelas se estiran y al soltar regresa a la hora real.

Plan
Pro · licencia comercial
Dependencias
Solo React
Props
7 (6 ajustables)

Vista previa en vivo

Instalación

1. Configura el registro Pro una sola vez

Los componentes Pro no están en npm ni en el registro público de shadcn: se instalan con tu licencia desde el registro privado de Furin.

Usar mi licencia

2. Instala Reloj orbital

npx shadcn@latest add @furin-pro/orbit-clock

Props

PropTipoPor defectoDescripción
timeDate | number | stringundefinedHora de partida (Date, milisegundos o texto ISO); si falta, usa la hora actual.
speednumber1Multiplicador de velocidad del tiempo (1 = tiempo real).
tiltnumber52Inclinación del plano orbital en grados (0 = visto desde arriba).
trailsnumber0.6Largo de las estelas (0 a 1).
showTimebooleantrueMuestra la hora en dígitos pequeños bajo el sistema.
interactivebooleantrueArrastrar alrededor del sol viaja en el tiempo; al soltar regresa a la hora real.
widthnumber440Ancho del reloj, en px.

Sigue explorando

  • Pantalla de siete segmentos en tres tecnologías (LCD con sombra de segmentos, VFD con filamento y resplandor, LED con difusor), con segmentos fantasma visibles y modos de reloj, cuenta regresiva y contador. Un clic cambia de tecnología.

    Indicadores

  • Tacómetro deportivo de fibra de carbono con aguja luminosa que da latigazos, línea roja, luces de cambio que parpadean en el limitador y visor de marcha. La demo acelera y cambia de marcha; mantén presionado para acelerar el motor.

    Indicadores

  • Termómetro de laboratorio: tubo de vidrio con columna de mercurio o alcohol que sube con inercia, escala impresa en °C y °F y menisco. Mantén el dedo sobre el bulbo y lo calientas hasta 37 °C.

    Indicadores