Fondos

Aurora band glow

Aurora band glow: Una 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.

Fieldnight Radio

Six years of live sets, always playing somewhere

Move the pointer across the band to lean it.

Cómo usar Aurora band glow

Aurora band glow 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
`colorA`	`color`	`#9BE15D`	Los metadatos no indican otro límite.
`colorB`	`color`	`#38BDF8`	Los metadatos no indican otro límite.
`speed`	`number`	`0.6`	De 0.1 a 2; paso 0.1
`bandHeight`	`number`	`0.5`	De 0.1 a 0.9; paso 0.05
`brightness`	`number`	`1`	De 0.3 a 2.5; paso 0.1
`interactive`	`boolean`	`true`	Los metadatos no indican otro límite.

¿Para qué frameworks está disponible Aurora band glow?

Aurora band glow 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 Aurora band glow?

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

¿Qué detalles de accesibilidad se observan en Aurora band glow?

El código React de Aurora band glow 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 Aurora band glow el movimiento reducido?

Aurora band glow 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 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 Neon ribbon tubes de Fieldbook, de la categoría Fondos.

2004Neon ribbon tubesFondosDos tubos luminosos se entrelazan a lo largo del marco y están rodeados de bandas de interferencia cuando se cruzan.

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 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 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.