dashboards
Maquetación contra compositor medido en vivo
Dos rejillas idénticas animadas a la vez: la de la izquierda escribe top, left, width, height y margin y fuerza el recálculo leyendo offsetHeight dentro del fotograma, la de la derecha solo escribe transform y opacity. El componente cronometra con performance.now el coste real de cada lado, cuenta fotogramas perdidos y el peor intervalo del rAF, y sube la carga tarjeta a tarjeta hasta encontrar el número exacto en el que las dos curvas de fps se separan.
Verlo en vivo y copiar su promptQué se puede ajustar
- Tarjetas por rejilla
- Amplitud del movimiento
- Color de acento
- Color del lado caro
- Tamaño de la tarjeta
- Altura de las gráficas
- Curvas de fps
- Velocidad de la animación
Cómo funciona este catálogo
Cada componente trae su prompt de reproducción: el texto que se pega en un constructor con inteligencia artificial para obtener exactamente esta pieza. Los valores que ves arriba son editables, y el prompt que copias lleva dentro los que hayas elegido, así que lo que se genera es lo que estabas mirando.
