Componentes

Letra

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

10 de 10

1712Letter cascade buttonBotonesUn botón ancho y sólido cuya etiqueta centrada cae y se reconstruye una letra a la vez a medida que cada carácter cae en su lugar desde arriba.

1991Letter roll inEfectos de texto

2036Shimmer sweep textEfectos de textoUna línea de texto donde cada letra se ilumina y se atenúa a su vez, enviando una banda de luz que viaja a lo largo de la frase en un bucle.

2066Morphing HeadlineEfectos de texto

2136Cube flip lettersEfectos de textoAl pasar el cursor sobre una línea, cada letra gira un cuarto de vuelta en 3D, una tras otra desde un origen elegido, revelando una segunda cara que lleva el mismo glifo en el acento.

2355Flip panel headline revealEfectos de texto

2464Wavy letter headingEfectos de textoUn título cuyas letras viajan en una ola lenta, cada una detrás de la anterior, de modo que la línea se ondula como una bandera sin perder su línea de base.

2517Letter drop press buttonBotones

2681Split flap face buttonBotones

2718Letter swap copy buttonBotonesUn botón de copia en relieve cuya etiqueta se reconstruye letra por letra al pasar el mouse mientras su chip de icono pulsa y dibuja un cheque cuando llega la copia.

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.

Cube flip letters
Al pasar el cursor sobre una línea, cada letra gira un cuarto de vuelta en 3D, una tras otra desde un origen elegido, revelando una segunda cara que lleva el mismo glifo en el acento.
Flip panel headline reveal
Letter cascade button
Un botón ancho y sólido cuya etiqueta centrada cae y se reconstruye una letra a la vez a medida que cada carácter cae en su lugar desde arriba.

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)