Fondos

Flickering square mesh

Flickering square mesh: Una malla de lienzo de pequeños cuadrados donde células aleatorias saltan a un nuevo brillo en cada fotograma, dando una estática inquieta que nunca se repite.

Signal floor

Static that never settles on a pattern

Every cell keeps its own clock, so the grid behind a headline never repeats a frame.

Cómo usar Flickering square mesh

Flickering square mesh se presenta con el formato de vista previa «ancho» y el tema «oscuro».

Personalizar la vista previa

Estos controles se pasan a la demo. Los valores y límites describen la vista previa; consulta la implementación para conocer todas sus props.

Control	Tipo	Valor inicial	Límites de la vista previa
`squareSize`	`number`	`4`	De 1 a 14; paso 1
`gap`	`number`	`6`	De 0 a 18; paso 1
`flickerChance`	`number`	`0.3`	De 0.02 a 1; paso 0.02
`maxOpacity`	`number`	`0.4`	De 0.05 a 1; paso 0.05
`accentColor`	`color`	`#38BDF8`	Los metadatos no indican otro límite.

¿Para qué frameworks está disponible Flickering square mesh?

Flickering square mesh está disponible para React, Vue, Svelte, Astro, HTML. La vista previa usa React; las observaciones sobre el código corresponden a index.tsx. Revisa la versión elegida antes de asumir que ofrece las mismas interacciones.

¿Qué dependencias tiene Flickering square mesh?

Los metadatos de React indican estas dependencias npm además de React: clsx.

¿Qué detalles de accesibilidad se observan en Flickering square mesh?

El código React de Flickering square mesh incluye: atributos y manejadores (aria-hidden). Son observaciones del código. Comprueba los nombres accesibles, el orden del foco y el comportamiento del teclado en la página completa.

¿Cómo maneja Flickering square mesh el movimiento reducido?

Flickering square mesh consulta la preferencia de movimiento en su código React mediante matchMedia(prefers-reduced-motion). Revisa la implementación completa, los estilos compartidos y la versión elegida con movimiento reducido activado; estas observaciones no garantizan que se detengan todas las animaciones.

Conecta tu agente

Componentes abiertos relacionados

Imagen fija del componente Aurora band glow de Fieldbook, de la categoría Fondos.

2110Aurora band glowFondosUna suave cinta de luz que se extiende a lo largo de un marco oscuro, su borde vaga sobre el ruido en capas mientras el color camina a lo largo de su longitud.

Imagen fija del componente Bar wave matrix de Fieldbook, de la categoría Fondos.

2112Bar wave matrixFondosUna cuadrícula de barras cortas donde cada barra se desliza a lo largo de su propia pista, y el desplazamiento de fase de una fila a otra convierte toda la cuadrícula en una onda viajera.

Imagen fija del componente Fanned wave threads de Fieldbook, de la categoría Fondos.

2152Fanned wave threadsFondosUn haz de hilos finos fijados con alfileres en el borde izquierdo, desplegados en abanico hacia la derecha y ondeando en un campo de ruido lento.

Imagen fija del componente Flaming iris eye de Fieldbook, de la categoría Fondos.

1692Flaming iris eyeFondosUn iris ardiente de filamentos radiantes alrededor de una pupila con hendidura estrecha que gira para mantener el cursor a la vista.

Imagen fija del componente Halftone wave field de Fieldbook, de la categoría Fondos.

1704Halftone wave fieldFondosUna lenta nube de turbulencia aplanada en un puñado de tonos e impresa como una cuadrícula de puntos, de modo que se lee como una fotografía de periódico que no se detiene.

Imagen fija del componente Wire Curtain de Fieldbook, de la categoría Fondos.

2267Wire CurtainFondosUna cortina de alambres verticales poco espaciados que se pliega como tela en una corriente lenta y se abre a lo largo del recorrido del puntero.