Catálogo
Componentes
228 componentes animados para React en 16 categorías: 92 gratis y 136 Pro. Cada vista previa es el componente real: pasa el cursor, ajusta las props y copia el código.
228 componentes: 92 gratis y 136 Pro
Mensaje en prismas triangulares que giran como un espectacular de carretera.
Texto
Texto en relieve sobre papel de algodón con luz rasante que sigue al cursor.
Texto
Bloques de color geométricos barren detrás de las palabras clave, y la tinta del texto se invierte justo bajo el bloque.
Texto
Las letras proyectan sombras largas que giran con una luz que sigue al cursor.
Texto
Texto en penumbra: un foco que sigue al cursor ilumina las letras y las separa de la pared con una sombra de relieve.
Texto
Letras de mercurio que se funden y escurren donde pasa el cursor, y vuelven a su forma cuando se seca.
Texto
Contorno que se llena
GratisTexto en contorno que se llena de líquido con una ola que nace donde entra el cursor, y se vacía al salir.
Texto
Ensamble de píxeles
GratisEl texto se arma desde una nube de partículas con resortes; el cursor las dispersa y vuelven solas a su sitio.
Texto
Glitch RGB
GratisTexto limpio que cada tanto se parte en ráfagas cortas: canales RGB separados y franjas desplazadas.
Texto
Letras magnéticas
GratisCada letra es atraída por el cursor con un resorte con rebote, y se tiñe y crece al acercarse.
Texto
Máquina de escribir
GratisEscribe, borra y reescribe frases con ritmo humano, pausas en la puntuación y un cursor que parpadea.
Texto
Número con estela
GratisNúmero cuyas cifras ruedan hacia el nuevo valor con desenfoque de movimiento vertical, una tras otra.
Texto
Ola de grosor
GratisEl grosor de una fuente variable ondula según la cercanía del cursor, letra por letra.
Texto
Revelado por máscara
GratisLíneas que suben detrás de una máscara, escalonadas, como en la presentación de un producto.
Texto
Rodillo de palabras
GratisUna palabra rueda verticalmente entre opciones sobre un tambor con resorte, y su cápsula cambia de ancho con ella.
Texto
Texto ASCII
GratisEl texto se dibuja con caracteres ASCII; una lente alrededor del cursor los acerca, los gira y los revuelve.
Texto
Texto en órbita
GratisTexto en círculo que gira despacio y se acelera, con inercia, cuando el cursor se acerca.
Texto
Texto que muta
GratisLas palabras se derriten unas en otras con una transición viscosa de desenfoque y umbral, con brillo de líquido.
Texto
Bokeh
ProLuces de ciudad de noche desenfocadas como con un lente real: discos con borde brillante y aberración, estelas de tráfico, enfoque que sube y baja solo y paralaje con el cursor.
Fondos
El contenido visto con una cámara térmica: manchas de calor a la deriva, paleta de falso color con bloom y grano de sensor, y el cursor deja calor que se disipa. Incluye el HUD de la cámara con retícula, lectura en °C, escala de color y REC.
Fondos
Paisaje recortado en capas de papel con fibras, borde de corte y sombras suaves; el cursor es la luz y las capas se separan al acercarlo.
Fondos
Cáusticas
ProLa luz del fondo de una alberca: redes de luz enfocada que se mueven con las olas, con ligera dispersión de color.
Fondos
Celdas
ProMosaico de celdas de Voronoi que respiran y se reacomodan, con bordes finos y una luz que sigue al cursor y abulta las celdas cercanas.
Fondos
Charca
ProAgua poco profunda con cáusticas calculadas del oleaje, piedras y orilla; las sombras de los peces esquivan al cursor y el cursor deja ondas.
Fondos
Dunas
ProDunas con luz rasante, crestas filosas y ondulaciones finas de arena que migran con el viento; el cursor sopla y desplaza la arena.
Fondos
Espectro
ProBarras de ecualizador que laten solas al ritmo de una pista imaginaria, con picos que caen y reflejo; el cursor las hace saltar.
Fondos
Espejismo
ProCalima de desierto al atardecer: una carretera con su charco de espejismo que tiembla, un sol bajo que ondula, y los children se doblan como el aire sobre el asfalto caliente.
Fondos
Fugas de luz
ProFugas de luz de película analógica que flotan sobre el contenido en modo screen, con parpadeo de 12 cuadros, vetas de borde, polvo y rayones.
Fondos
Miles de limaduras de acero que se alinean al campo de un imán real (dipolo) que las sigue: líneas de campo entre polos, brillo anisotrópico, rebote al moverlo y un giro de 180° al hacer clic.
Fondos
Mar de nubes
ProVuelo sobre un mar de nubes volumétricas al atardecer: raymarching con sol de frente, bordes plateados, sombras violeta y torres de nube; el cursor orienta la cámara.
Fondos
Mármol vivo
ProMármol pulido cuyas vetas fluyen lentamente; el reflejo de una caja de luz barre la piedra y sigue al cursor.
Fondos
Marmoleado
ProTintas sobre agua que el cursor peina como en el marmoleado de papel (ebru): gotas con anillos concéntricos, peine de varios dientes que arrastra la tinta, papel de algodón y brillo húmedo.
Fondos
Mar de noche con plancton bioluminiscente: las olas brillan donde rompen y el cursor excita el agua y deja una estela de chispas que se apaga despacio.
Fondos
Osciloscopio
ProOsciloscopio de fósforo verde con persistencia real: figuras de Lissajous que se desenrollan entre razones de frecuencia, haz más brillante donde se frena, retícula, bloom y curvatura de tubo CRT. El cursor sintoniza las frecuencias y al soltar engancha a la razón más cercana.
Fondos
Circuito impreso generado al vuelo, con haces de pistas, vías y chips; pulsos de luz viajan por ellas y el cursor las enciende.
Fondos
El borde del sol visto de cerca: gránulos de convección que hierven, manchas con penumbra y prominencias de plasma que arquean y estallan sobre el limbo.
Fondos
Ciudad de noche en capas de profundidad: ventanas cálidas y frías que se encienden y apagan con vida propia, parpadeo de pantallas y paralaje con el cursor.
Fondos
Curvas de nivel
GratisMapa topográfico vivo: curvas de nivel de un terreno que se deforma lento, con curvas maestras acotadas; el cursor levanta una colina.
Fondos
Galaxia
GratisGalaxia espiral de decenas de miles de partículas con núcleo brillante que gira despacio; el cursor inclina la vista.
Fondos
Humo
GratisHumo volumétrico con luz de estudio que sube sin parar; tu cursor lo aparta y lo arremolina, y el humo vuelve a llenar el hueco.
Fondos
Lámina holográfica
GratisFondo holográfico: una película iridiscente, una rejilla difractiva fina y un brillo que cambian con el ángulo del cursor.
Fondos
Lámpara de lava
GratisLámpara de lava con vidrio y luz cálida: la cera sube, se estira, se funde con otras burbujas y se separa. Tu cursor la calienta.
Fondos
Lluvia de código
GratisColumnas de fragmentos reales de JSX y TypeScript que caen en tres planos de profundidad, con la punta brillante y resaltado de sintaxis.
Fondos
Luciérnagas
GratisLuciérnagas que deambulan en tres profundidades y parpadean con brillo cálido; se acercan con curiosidad al cursor y lo rondan.
Fondos
Malla con grano
GratisGradiente de malla que flota y se funde, con grano fino de película; el cursor jala una de las manchas.
Fondos
Nevada
GratisNieve en tres planos de profundidad (lejos, medio y bokeh cercano) con un viento que sopla hacia donde está el cursor.
Fondos
Onda tramada
GratisRelieve de olas dibujado con tramado ordenado Bayer de un bit; el cursor deja anillos que se expanden.
Fondos
Prisma
GratisEscena 3D real en WebGL2: un prisma de vidrio (malla con bisel, fresnel y refracción) sobre un piso de vinilo con reflejo. Un orbe de luz sigue tu cursor y dispara un haz volumétrico; el espectro se abre por ley de Snell, un rayo por color, y cae sobre la pared y el piso con su cáustico. La cámara hace paralaje con el cursor.
Fondos
Rejilla infinita
GratisRejilla en perspectiva que avanza sin fin hacia un horizonte con un sol sobrio; el cursor mueve el horizonte y mantener presionado acelera.
Fondos
Salto a warp
GratisEstrellas a velocidad warp con estelas y profundidad; el cursor dirige el punto de fuga y mantener presionado dispara el salto.
Fondos
Seda
GratisTela de seda que ondula despacio, con brillo anisotrópico de hilo que cambia con la luz y sigue al cursor.
Fondos
Semitono
GratisSemitono de imprenta con dos tintas sobreimpresas: los puntos crecen y se encogen con un campo que fluye y con el cursor.
Fondos
Tinta en agua
GratisGotas de tinta que florecen en agua oscura con remolinos y hebras, una tras otra en ciclo. Toca para soltar una gota; mueve el cursor para agitar el agua.
Fondos
Instantánea
ProFoto instantánea que cae y se revela poco a poco, con grano; con un clic se sacude y se revela otra vez.
Tarjetas
Recibo
ProImpresora de tickets: el recibo térmico sale línea por línea, con grano de papel y borde dentado, y se arranca al terminar.
Tarjetas
Tarjeta 3D de metal cepillado con chip dorado, números en relieve y holograma; se inclina con el cursor y voltea al hacer clic.
Tarjetas
Bento con luz
GratisRejilla bento de seis celdas con una luz que salta entre ellas siguiendo al cursor (o sola) y se derrama sobre las vecinas.
Tarjetas
Boleto
GratisBoleto de papel con perforación: arrastra el talón y se rasga de arriba abajo, con borde de fibras y sombra que crece al despegarse.
Tarjetas
Borde eléctrico
GratisArcos de electricidad que serpentean por el borde, con descargas locales, chispas y parpadeo del resplandor.
Tarjetas
Calcomanía
GratisCalcomanía brillante troquelada que se despega desde la esquina siguiendo al cursor, con curvatura, reverso de papel y sombra.
Tarjetas
Carpeta
GratisCarpeta de cartón que se abre al pasar el cursor y deja asomar sus documentos con un rebote suave.
Tarjetas
Haz en el borde
GratisUn haz de luz con cola, cabeza brillante y halo que recorre el contorno de cualquier contenido a velocidad constante.
Tarjetas
Mazo
GratisMazo de tarjetas que se baraja al arrastrar la de arriba: inercia, giro y regreso al fondo con resorte. También con clic o teclado.
Tarjetas
Perfil con foil
GratisTarjeta de perfil con lámina holográfica: se inclina en 3D con el cursor y la iridiscencia cambia con el ángulo.
Tarjetas
Tarjeta con capas
GratisCapas reales en 3D (cielo, estrellas, planeta, anillo, dunas, texto y brillo) que se separan a distintas profundidades al inclinar.
Tarjetas
Tarjeta de vidrio
GratisVidrio líquido con refracción, borde especular y reflejo que sigue al cursor.
Tarjetas
Botón que se llena de líquido desde el punto exacto por donde entra el cursor, con borde de menisco y burbujas de luz, y se vacía hacia donde sale.
Botones
Tecla mecánica 3D con paredes inclinadas, plástico mate y luz de fondo; se hunde con rebote al presionar y puede sonar.
Botones
Botón confeti
GratisBotón que lanza confeti físico: papelitos que giran en 3D, caen con resistencia del aire y se mecen.
Botones
Copiar
GratisBotón de copiar: el contorno del ícono se transforma en una palomita con un morph de trazo y resorte, y el texto se copia de verdad con navigator.clipboard (con respaldo).
Botones
Descargar
GratisBotón que se afina hasta ser una barra de progreso, avanza a ritmo irregular como una red real y termina en una palomita. Con href descarga el archivo de verdad.
Botones
Deslizar para confirmar
GratisPomo con física que se arrastra hasta el final para confirmar; si se suelta antes regresa con resorte y rebote. Accesible como slider.
Botones
Destello
GratisBotón oscuro con un destello que lo cruza cada tanto y al pasar el cursor, encendiendo a la vez el relleno, el borde y el texto.
Botones
Mantener para confirmar
GratisMantén presionado para confirmar: un anillo se llena, el botón tiembla cada vez más y al completar vibra. Con ratón, toque o teclado.
Botones
Onda
GratisBotón cuya onda nace exactamente donde haces clic: un frente luminoso con anillos que cubre hasta la esquina más lejana.
Botones
Un punto láser rojo con bloom, moteado de speckle y temblor natural de mano; si lo mueves rápido, el haz se revela en el polvo del aire. El clic lanza un destello.
Cursores
Una fila de campanas tubulares de vidrio (o latón, o acero) colgadas de un travesaño: el cursor es el viento. Cada tubo es un péndulo con física real que choca con sus vecinos y suena con timbre inarmónico sintetizado.
Cursores
Una esfera de vidrio con una cabaña nevada dentro: arrástrala o sacúdela y la nieve se arremolina con inercia de líquido, luego se asienta lento sobre el paisaje. Vidrio con reflejos, refracción en el borde y base de madera con latón.
Cursores
Linterna
ProUna capa oscura que solo deja ver el contenido oculto donde apunta el haz de una linterna, con luz cálida, resorte al abrirse y caída suave.
Cursores
El cursor es una lámpara colgante de luz cálida: las tarjetas proyectan sombras reales cuya dirección, largo y suavidad cambian con la distancia a la lámpara. Mantén pulsado para bajar la lámpara y alargar las sombras.
Cursores
El cursor es un aro de burbujas: sopla pompas de película delgada con bandas de color que giran y el reflejo de una ventana, flotan con el viento y revientan al clic en gotitas.
Cursores
El cursor es un rodillo con pintura: al arrastrarlo revela (o cubre) el contenido con la textura punteada de un rodillo real, bordes irregulares, crestas de pintura en los extremos y brillo de pintura fresca que se seca.
Cursores
Anillo elástico
GratisUn anillo que sigue al cursor con retraso elástico, se estira con la velocidad y, sobre lo clicable, se transforma en su silueta como un imán suave.
Cursores
Cursor gelatina
GratisUn cursor de gelatina translúcida con brillo especular: arrastra gotas que lo siguen, se estiran en la estela y se funden con él cuando te detienes.
Cursores
Estela de chispas
GratisEl cursor suelta chispas con física: heredan su impulso, caen por gravedad, rebotan en el piso y se apagan de blanco a brasa.
Cursores
Estela de tinta
GratisUna estela de tinta brillante que sigue al cursor, se ensancha como si sangrara en el papel y se deshace en hebras hasta desvanecerse.
Cursores
Mira
GratisMira de precisión: líneas de borde a borde con hueco central, reglas con marcas en los bordes y coordenadas en vivo en mono.
Cursores
Ráfaga al clic
GratisRayos finos que estallan donde haces clic: viajan hacia afuera, se despegan de su origen y dejan un anillo y chispitas.
Cursores
Día y noche
ProInterruptor de tema (role switch) donde el sol se transforma en luna, las nubes se hunden y salen las estrellas, todo con resortes.
Navegación
Diálogo ⌘K accesible con búsqueda difusa, resaltado de coincidencias, grupos y una selección de resorte que se desliza entre filas. Flechas, Enter y Escape.
Navegación
Acordeón
GratisAcordeón accesible (aria-expanded, regiones, flechas, Inicio y Fin) cuyas regiones se abren con un resorte real: la altura rebota al llegar y el contenido entra de lo borroso a lo nítido.
Navegación
Deslizador elástico
GratisDeslizador (role slider, teclado completo) que se estira como goma al arrastrarlo más allá de sus límites y regresa con rebote; la pista se aplasta para conservar el volumen.
Navegación
Marquesina
GratisMarquesina infinita sin saltos: el cursor la frena y la empuja con inercia, las filas van en sentidos opuestos y el foco del teclado la pausa.
Navegación
Notificaciones
GratisNotificaciones apiladas como cartas: se despliegan al pasar el cursor o enfocar, se pausan mientras las lees, se cierran solas y se anuncian con aria-live.
Navegación
Pasos
GratisPasos con una línea de progreso que se llena de un nodo al siguiente; el paso nuevo se enciende cuando el trazo llega y la palomita se dibuja al completarse.
Navegación
Pestañas gelatina
GratisPestañas accesibles cuya selección es una gota de líquido: se estira hacia la pestaña nueva, se adelgaza en el cuello y se funde al llegar.
Navegación
Píldora de pestañas
GratisPestañas accesibles (tablist, flechas, Inicio y Fin) con una píldora que se desliza con resorte: el borde que avanza llega primero y la estira al cruzar.
Navegación
Tooltip con resorte
GratisTooltip (role tooltip) que sigue al cursor con un resorte y cuelga de él como una etiqueta: se inclina con la velocidad y se estira un poco al moverse. También aparece con el foco del teclado.
Navegación
Anillo de progreso con degradado, punta luminosa que lo encabeza y un número que cuenta; con un clic se llena de nuevo.
Datos
Barras que compiten ronda tras ronda: crecen con resorte y las filas se reordenan cuando alguien rebasa a otro.
Datos
Dona
ProGráfica de dona que se arma por segmentos con leyenda; al pasar el cursor, un segmento se separa y el resto se atenúa.
Datos
Minigráfica
ProLínea de tendencia que se dibuja con un punto que la encabeza, área suave y un punto vivo que late al final; el cursor muestra el valor de cada punto y un doble clic la dibuja de nuevo.
Datos
Rejilla de actividad de 52 semanas que se llena día por día con una escala de color; el cursor muestra la fecha y la cifra de cada día.
Datos
Coverflow
GratisPortadas en perspectiva con reflejo: la central mira de frente y las demás se abren en abanico; flechas, arrastre con inercia, clic y teclado.
Galerías
Galería en órbita
GratisTarjetas con escenas generadas en un carrusel circular 3D: gira solo, se arrastra con inercia y un clic trae una tarjeta al frente.
Galerías
Mosaico
GratisMosaico de columnas que aparece pieza por pieza al entrar en vista, con rebote suave y un destello; al pasar el cursor la pieza se acerca y muestra su título.
Galerías
Pila de fotos
GratisFotos impresas apiladas que se reparten en abanico al pasar el cursor; con un clic la de arriba pasa al fondo.
Galerías
Esqueleto
ProPlaceholder de carga con un brillo que cruza todos los bloques como una sola luz.
Loaders
Órbita
ProLoader de partículas con estela que giran en tres planos inclinados alrededor de un núcleo que late.
Loaders
Puntos que suben y bajan en ola con física de resorte: se estiran al moverse, se aplastan al caer y su sombra responde a la altura.
Loaders
Escribiendo
GratisBurbuja de "escribiendo…" con tres puntos que rebotan con elasticidad y, en ciclo, se convierte en la respuesta con un pequeño resorte.
Loaders
Forma que muta
GratisUna figura de degradado y brillo que muta suavemente entre círculo, cuadrado y triángulo, girando y aplastándose un poco en cada cambio.
Loaders
Carrusel con física de derrape: la fila se pasa de la marca y regresa, cada tarjeta se inclina y se corta en diagonal con retraso según su distancia, y de la base sale humo de llanta. Arrastre con inercia, teclado y avance automático.
Movimiento
Folioscopio
ProTexto animado como un folioscopio de papel: cada hoja es un cuadro distinto (cae, se aplasta, rebota y las letras hierven a mano) y se hojean en 3D con grano de papel, canto apilado y brillo de página. Clic para volver a hojear.
Movimiento
Texto que se detiene como una cinta que frena: el tono de la ondulación se hunde, las letras se juntan, bajan en arco y se desenfocan, con bandas de VHS y un tramo de pausa. Un toque frena o arranca.
Movimiento
Palabras que se estampan una por pulso: zoom desde cámara, rebote con resorte, sacudida de cuadro, onda de choque e imagen en negativo en el primer golpe de cada compás. Toca para marcar el tempo.
Movimiento
La palabra entra desde 300 % con desenfoque radial real, aberración cromática y líneas de enfoque; frena en seco, rebota, lanza una onda de choque y sacude la cámara. Un toque salta a la siguiente.
Movimiento
Texto que entra disparado como un latigazo: desenfoque de movimiento direccional, estela de copias, líneas de velocidad estilo anime y una sacudida de cámara al frenar en seco.
Movimiento
Paneo rápido
ProCarrusel con paneo de latigazo entre escenas: resorte con rebote, desenfoque de movimiento y separación cromática que siguen la velocidad, paralaje entre fondo y letras. Flechas, teclado, puntos y arrastre con inercia.
Movimiento
Al hacer clic, el papel se quema desde ese punto: borde incandescente irregular, brasas que reptan por el carbón, papel tostado, luz naranja sobre lo de abajo y ceniza, chispas y trozos ardiendo que vuelan. WebGL con ruido; se puede reiniciar.
Movimiento
El contenido aparece en rebanadas rápidas como un estrobo: cada cuadro enciende franjas distintas con destello, vibración y aberración cromática hasta asentarse. Una sola copia del contenido, con máscaras CSS.
Movimiento
Tarjeta de hule: un cuerpo blando de cuatro esquinas con resortes. La que agarras sigue al puntero, las lejanas se retrasan y se estiran; al soltar regresa con latigazo y rebotes. El hule se aclara donde se estira.
Movimiento
Tarjeta que se arrastra y se lanza: rebota en las paredes con inercia y, mientras va rápido, un estrobo interno deja copias fantasma como una foto de exposición múltiple que se apagan solas.
Movimiento
Trompo
ProIndicador de carga: un trompo metálico (shader con reflejos de estudio, torneado, aro moleteado y franjas anodizadas) con la física real del trompo pesado: precesa, nuta, se frena por fricción, cabecea y le dan cuerda de nuevo. Clic para darle cuerda.
Movimiento
Notificación que se cristaliza desde la escarcha del borde y se derrite en gotas al cerrarse.
Vidrio
Canicas de vidrio que ruedan por una pista de rampas como indicador de carga, con física real.
Vidrio
Contador de tambores vistos a través de un cilindro de vidrio que amplía el centro, como una bomba de gasolina antigua.
Vidrio
Ola de vidrio líquido entre dos secciones que refracta ambas y se desliza con el cursor.
Vidrio
Una gota de vidrio líquido sigue al cursor y se funde con los bordes de los botones, estirándose como un líquido.
Vidrio
Deslizador con forma de nivel de burbuja: la burbuja sigue el valor con física y el cuerpo se inclina como un nivel de verdad.
Vidrio
Burbujas de plástico que se hunden al pasar y revientan al clic con sonido; las reventadas quedan arrugadas.
Vidrio
Tarjeta de vidrio con condensación; las gotas se juntan y escurren, dejando huella, cuando la inclinas.
Vidrio
Panel de vidrio estriado que parte el contenido de atrás en franjas refractadas que se mueven con el cursor.
Vidrio
Vidrio empañado que limpias con el cursor como un espejo de baño; se vuelve a empañar lento y suelta gotitas.
Vidrio
Vidrio roto
ProUn clic estrella el vidrio desde ese punto; los fragmentos caen con física y luego se rearma de un latigazo.
Vidrio
Vitral
ProVitral cuyas piezas se iluminan con la luz del cursor y proyectan su color sobre el suelo.
Vidrio
Barras diagonales cruzan el titular a toda velocidad, invierten las letras a su paso y una barra ancha frena en seco con rebote.
Negativo
Rejilla de bloques bajo el texto que voltean a negativo tras el cursor con rebote y regresan en ola desde donde estás.
Negativo
Dos cintas de texto se cruzan en X en sentidos opuestos con latigazos de velocidad; donde se enciman, se invierten.
Negativo
Escáner
ProUna franja de luz de fotocopiadora recorre el texto, lo invierte y lo deforma con cortes de línea por la velocidad.
Negativo
Cadena de círculos que invierten lo que tocan y se encogen detrás del cursor; donde se enciman, el texto vuelve a la normalidad y dibuja ondas de op-art.
Negativo
Visor que se cierra sobre el titular y destello fotográfico de dos cuadros en negativo con grano; haz clic para disparar.
Negativo
Una gota líquida sigue al cursor e invierte el texto de abajo; con movimientos rápidos se estira, se parte en perlas y rebota.
Negativo
Titular partido en dos con una mitad en negativo; el divisor es una membrana elástica que el cursor estira con resorte.
Negativo
Persiana
ProLamas de persiana que giran en 3D, rebotan y alternan el texto con su negativo; pásales el cursor para voltearlas una a una.
Negativo
Rayos X
ProUna lente de rayos X sigue al cursor y revela la estructura de las letras: negativo, curvas de nivel y una malla que se desplaza con paralaje.
Negativo
El botón de enviar es una hoja de papel: se dobla paso a paso en avión, sale volando en curva y el botón vuelve con un visto.
Objetos
Caja de cerillos en 3D de cartón impreso, con lija en el costado: el cajón se desliza con resorte al pasar o hacer clic y descubre cerillos y tu contenido (children) en una tarjetita.
Objetos
Caja fuerte
ProDisco de combinación de caja fuerte: se gira arrastrando, cada número se registra al dejarlo quieto y al acertar la puerta se abre con un clac.
Objetos
Casete
ProProgreso como casete: la cinta pasa de un carrete al otro con el diámetro de cada bobina cambiando de verdad, ventanita de plástico con reflejo y contador; se puede arrastrar para adelantar o rebobinar.
Objetos
Cierre
ProCierre metálico de dientes reales sobre tela de sarga: arrastras el jalador y la tela se abre en V revelando tu contenido, con sombra sobre el forro y un jalador que se balancea como péndulo.
Objetos
Lámpara colgante con cordón de cuentas con física: se jala para encender la luz y la escena entera cambia de tema.
Objetos
Diafragma
ProBotón-lente con aspas metálicas de diafragma que se cierran y abren con resorte; el aro marca el número f.
Objetos
Entrada de código con un disco de teléfono antiguo: arrastras desde el agujero hasta el tope y regresa con resorte, con clics.
Objetos
Libro de papel: la esquina inferior se despega y se dobla siguiendo al cursor con reverso, sombra y brillo de curvatura; si la sueltas pasada la mitad la página se voltea, y si no, vuelve con resorte.
Objetos
Lenticular
ProImpresión lenticular de verdad: cientos de lentes cilíndricas intercalan 2–3 imágenes y cada una aparece según el ángulo; al inclinar con el cursor se ve la franja del cambio, el brillo por lente y el plástico transparente.
Objetos
Medalla
ProMedalla en WebGL con relieve real (mapa de normales generado en código), acabado satinado con surcos concéntricos y relieve pulido, reflejos de un estudio procedural, listón de tela que se balancea y giro 3D con brillo especular que sigue al cursor; un clic la voltea.
Objetos
Moneda
ProInterruptor que lanza una moneda metálica en 3D: gira en el aire, rebota en la mesa y cae mostrando la otra cara.
Objetos
Reloj de arena de vidrio y madera: los granos caen de verdad, el montón crece con su talud y se voltea con un clic.
Objetos
Sobre de papel con sello de lacre en relieve (iluminación real con filtros SVG): al hacer clic el lacre se rompe en fragmentos que ruedan sobre la mesa, la solapa se abre en 3D y la carta (children) sale deslizándose.
Objetos
Tubos Nixie
ProContador con tubos de vidrio Nixie: cátodos apilados, brillo naranja con halo y parpadeo al encender cada dígito.
Objetos
Vinil
ProPortada de disco de la que sale un vinil con surcos y reflejo anisotrópico; gira solo y si arrastras sobre él lo rayas: frena, retrocede y vuelve a su velocidad, con scratch sintetizado opcional.
Objetos
Enchufe
ProInterruptor físico: arrastras el enchufe, con su cable de cuerda con peso, hasta el contacto. Las espigas solo entran si van alineadas; al hacer contacto hay chispa y se enciende el letrero de neón. Al sacarlo, el enchufe cae al suelo. Teclado: Espacio o Enter.
Indicadores
Manómetro
ProManómetro de latón con carátula de esmalte en PSI y bar, aguja con fricción seca que tiembla con la bomba, cristal abombado con reflejos y tornillos. Un clic lo golpea y la aguja se destraba.
Indicadores
Letrero LED de matriz de puntos con fuente 5×7 propia, puntos apagados visibles, difusión de luz sobre los vecinos y persistencia de LED. El texto avanza una columna a la vez; el cursor dibuja con luz y un clic lanza una onda.
Indicadores
Metrónomo
ProMetrónomo de pirámide en madera y latón: el péndulo oscila con el tempo y se cambia arrastrando la pesa por la varilla grabada (escala de Maelzel, de 40 a 208), con luz de pulso y un tic de madera sintetizado en cada extremo. Clic en la caja para arrancar o detener.
Indicadores
Monitor de electrocardiograma de fósforo verde: complejos P-QRS-T sintetizados, barrido que borra por delante, trazo con persistencia que se apaga y brillo de tubo CRT. Un clic provoca una extrasístole; admite ritmo sinusal, fibrilación o línea plana.
Indicadores
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.
Indicadores
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
ProTacó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
ProTermó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
Vúmetro
ProVúmetro analógico de estudio: carátula retroiluminada con escala de dB y de porcentaje, aguja con la balística de un VU real (300 ms, 1,5 % de sobrepaso, golpe contra el tope), piloto de pico y cristal con reflejo.
Indicadores
Ábaco
ProSelector numérico de ábaco: cuentas de madera que se arrastran, se empujan en cadena y chocan contra la viga con resorte.
Controles
Campo de texto real que escribe con martillos de máquina de escribir: cada tecla golpea el papel, el corrector tapa lo borrado y suena el timbre al final de línea.
Controles
Conmutador
ProPanel de palancas metálicas para filtros: pilotos que se encienden con inercia, pantalla ámbar y clics.
Controles
Elevador
ProNavegación por pisos: dial de latón con aguja que viaja, puertas de acero que se cierran y se abren, y botones iluminados.
Controles
Engranes
ProPasos de un flujo unidos por engranes de metal que giran engranados de verdad, con un pequeño juego entre dientes.
Controles
Galería en tira de película de 35 mm con perforaciones y fotogramas generados por código; se arrastra con inercia, se flexiona por un rodillo y revela cada foto del negativo al color.
Controles