Componentes

Partícula

Explora vistas previas interactivas, encuentra lo que necesita tu producto e incorpora componentes abiertos a tu proyecto con el código incluido.

Construye con una receta Conecta tu agente Explorar plantillas de páginas

18 de 18

1536Particle driftFondosUn campo de lienzo de partículas a la deriva lenta que se envuelven en los bordes, se unen con líneas tenues y se alejan por donde pasa el puntero.

1641Magnetic dust buttonBotones

1642Particle burst buttonBotones

1656Star count buttonBotonesUn botón de estrella del repositorio cuyo total se acumula columna por columna a la vista y arroja una breve ráfaga de pequeñas estrellas cuando se presiona.

1672Burst particle emitterAnimaciónEnvuelve cualquier elemento y dispara un abanico escalonado de pequeñas motas desde un borde elegido, al hacer clic, en un bucle o la primera vez que se desplaza a la vista.

1674Celebration burstAnimación

1691Firework burst canvasFondosLos proyectiles se lanzan desde el borde inferior, forman un arco hacia arriba dejando un rastro y luego estallan en chispas que caen bajo la gravedad.

1703Gravity dust fieldFondosUn campo lento de motas de polvo brillantes que se inclinan hacia o alejándose del puntero y brillan más a medida que se acercan.

1720Magnetic particle ringFondosUn campo a la deriva de pequeñas motas que el puntero atrapa y reorganiza en un anillo ondulado, soltándolos nuevamente a medida que avanza.

1728Particle sprayAnimaciónMantenga presionado el puntero en un control y rociará pequeñas partículas desde donde esté el puntero, cada una formando un arco, girando, luego cayendo y limpiándose.

1875Pixel Bloom CardTarjetas

1952Drifting particle fieldFondosUna nube de pequeños puntos redondos que gira lentamente, cada uno a la deriva en su propio camino, con toda la nube inclinándose hacia afuera del puntero.

2000Particle FieldFondosUn campo de lienzo de suaves puntos flotantes que flotan por sí solos y se inclinan hacia el puntero con un suave tirón magnético, retrocediendo una vez que se aleja.

2042Sliding digit counterVisualización de datos

2079Vector Flow FieldFondos

2376Launch orbit buttonBotonesUna píldora que emite un anillo hacia afuera en un bucle, dispersa sus motas de polvo al flotar y envía una pequeña nave girando a través de la etiqueta.

2409Reactive bento panelsComposición

2816Particle formation textEfectos de textoUn lienzo de partículas diminutas que se reúnen en forma de palabra, se desplazan una vez formada y se dispersan lejos del puntero.

Compara estos componentes

Elige por comportamiento y composición; después consulta los frameworks disponibles y los requisitos de acceso en la página de cada componente.

Burst particle emitter
Envuelve cualquier elemento y dispara un abanico escalonado de pequeñas motas desde un borde elegido, al hacer clic, en un bucle o la primera vez que se desplaza a la vista.
Celebration burst
Drifting particle field
Una nube de pequeños puntos redondos que gira lentamente, cada uno a la deriva en su propio camino, con toda la nube inclinándose hacia afuera del puntero.

Guía de diseño

Abrir el índice completo

Etiquetas

3D (16)Acordeón (9)Acción (9)Añadir (7)Administración (12)Agente (12)Alerta (8)Ambiental (39)Analítica (13)Animado (82)Arco (7)Área (12)Flecha (33)Autorización (11)Autenticación (12)Avatar (13)Fondo posterior (18)Fondo (54)Insignia (22)Franja (8)Franja informativa (9)Barra (22)Haz (11)Bisel (12)Facturación (10)Forma orgánica (7)Resplandor (10)Desenfoque (15)Reservas (9)Borde (16)Rebote (6)Estallido (7)Botón (401)Calendario (32)Llamada a la acción (11)Lienzo (89)Cápsula (12)Pie de imagen (8)Tarjeta (42)Carrusel (11)Gráfica (59)Casilla (13)Lista de verificación (7)Chevron (10)Etiqueta compacta (26)Círculo (9)Clic (7)Recorte (9)Código (6)Contraer (11)Desplegable (6)Columna (7)Comercial (10)Compacto (8)Comparación (8)Confirmar (24)Confirmación (7)Estado controlado (18)Esquina (13)Recuento (7)Contador (18)Retícula (6)Llamada a la acción (28)Cursor (26)Cortina (7)Cliente (13)Ciclo (6)Oscuro (15)Panel de control (9)Datos (13)Selector de fecha (16)Intervalo de fechas (13)Eliminar (8)Profundidad (32)Destructivo (9)Diagonal (13)Diálogo (17)Dirección (6)Despliegue (8)Cerrar (6)Gráfica de anillo (7)Punto (17)Descarga (10)Arrastre (21)Panel lateral (10)Deriva (17)Menú desplegable (18)Borde (7)Elástico (8)Elevación (6)Entrada (14)Expandir (23)Desvanecimiento (9)Abanico (6)Respuesta visual (12)Campo (8)Relleno (46)Filtro (14)Finanzas (10)Plano (6)Volteo (10)Inundación (14)Foco (19)Foco contenido (6)Carpeta (7)Seguimiento (11)Formulario (48)Control de formulario (12)Marco (20)Galería (15)Gesto (6)Fantasma (7)Distorsión digital (9)Brillo (39)Glifo (9)Degradado (38)Grano (10)Cuadrícula (35)Grupo (8)Línea fina (8)Halo (15)Sombra marcada (6)Encabezado (8)Titular (19)Sección principal (11)Resaltado (22)Pista (12)Mantener pulsado (6)Al pasar el cursor (251)Tarjeta al pasar el cursor (10)Icono (125)Botón de icono (24)Indicador (9)Campo de entrada (20)Relieve interior (11)Interactivo (50)Inversión (26)Tecla (11)Teclado (20)Navegación por teclado (6)Cubierta de tecla (10)Etiqueta (21)Cambio de etiqueta (9)En capas (9)Composición (18)Reborde (6)Leyenda (9)Letra (10)Elevación (19)Luz (22)Línea (19)Enlace (11)Vista previa de enlace (7)Líquido (7)Lista (13)Indicador de carga (9)Carga (27)Inicio de sesión (10)Bucle (42)Marcador (9)Banda deslizante (8)Máscara (9)Menú (23)Metal (10)Métrica (15)Minimalista (10)Ventana modal (19)Monoespaciado (12)Mensual (12)Transformación (14)Moldeado (6)Navegación (21)Anidado (7)Ruido (16)Notificación (7)Número (11)Desplazamiento (7)Órbita (13)Contorno (63)Desbordamiento (7)Superposición (24)Página (19)Panel (37)Paralaje (15)Partícula (18)Patrón (9)Perspectiva (20)Foto (6)Gráfica circular (7)Cápsula (83)Ficha (9)Lúdico (7)Puntero (65)Polar (8)Panel emergente (17)Pulsación (77)Pulsado (6)Producto (6)Perfil (8)Progreso (27)Pulso (17)Radar (9)Radial (8)Grupo de opciones (8)Relieve (6)Aparición (80)Cinta (6)Borde exterior (8)Anillo (35)Ondulación (18)Giro (6)Rotar (21)Rotación (6)Fila (15)Escala (20)Desplazamiento (38)Búsqueda (8)Sección (8)Segmentado (7)Control segmentado (12)Enviar (23)Secuencia (8)Serie (7)Ajustes (22)Sombra (28)Compartir (25)Destello suave (14)Hoja (6)Destello (8)Barra lateral (7)Iniciar sesión (11)Señal (8)Registro (9)Sesgo (9)Placa (6)Deslizamiento (21)Control deslizante (10)Resaltado deslizante (7)Social (6)Suave (6)Giro continuo (15)Rueda de carga (9)División (9)Foco de luz (7)Resorte (63)Cuadrado (6)Pila (17)Apilado (7)Animación escalonada (40)Estrella (9)Estadística (7)Estado (11)Estado actual (21)Franja (6)Trazo (7)Submenú (9)Enviar formulario (7)SVG (102)Intercambio (12)Barrido (40)Interruptor (16)Pestaña (22)Táctil (26)Texto (40)Textura (11)Mosaico (28)Inclinación (26)Alternancia (65)Grupo de alternancia (10)Barra de herramientas (25)Ayuda emergente (37)Seguimiento (6)Estela (20)Transición (6)Translúcido (9)Recorrido (6)Tendencia (10)Máquina de escribir (9)Escritura (8)Tipografía (18)Subrayado (10)Mayúsculas (14)Valor (7)Verificación (8)Área visible (6)Deformación (6)Onda (20)Revelado por barrido (23)Balanceo (6)Flujo de trabajo (18)Espacio de trabajo (36)