Fondos

Grain Flicker

Grain Flicker: Una capa de grano que se vuelve a dibujar cada pocos fotogramas, por lo que los fondos planos obtienen el parpadeo inquieto de un proyector en funcionamiento en lugar de una textura fija.

Field dispatch

Signal from the north ridge

Wind held steady through the night and the antenna array logged a clean carrier for six straight hours.

Three relay stations confirmed sync. The fourth needs a battery swap before the next storm front.

Cómo usar Grain Flicker

Grain Flicker se presenta con el formato de vista previa «ancho» y el tema «claro/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
`opacity`	`number`	`0.06`	De 0.02 a 0.25; paso 0.01
`grainScale`	`number`	`1`	De 1 a 4; paso 1
`refreshInterval`	`number`	`2`	De 1 a 12; paso 1
`animate`	`boolean`	`true`	Los metadatos no indican otro límite.

¿Para qué frameworks está disponible Grain Flicker?

Grain Flicker 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 Grain Flicker?

Los metadatos de React no indican dependencias npm adicionales a React.

¿Qué detalles de accesibilidad se observan en Grain Flicker?

El código React de Grain Flicker 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 Grain Flicker el movimiento reducido?

Grain Flicker 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 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 Flickering square mesh de Fieldbook, de la categoría Fondos.

1694Flickering square meshFondosUna 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.

Imagen fija del componente Gradient slat spotlight de Fieldbook, de la categoría Fondos.

1700Gradient slat spotlightFondosLas lamas verticales ocultan un degradado de color hasta que un foco suave sigue el puntero a través de ellas e ilumina cada lama que toca.

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.