Ir al tablero
Al pasar el cursor.
Todo, tal como funciona. Pasa el cursor sobre una pieza para verla en acción y pulsa espacio para verla de cerca.
Empieza por
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.
- Amber upload pill
Una cálida pastilla de carga en degradado con un borde brillante que amplía su tono de color e ilumina la etiqueta desde atrás al pasar el mouse.
- Arrow to label pill
Un botón redondo de chevrón que se extiende hasta convertirse en una píldora ancha etiquetada al pasar el cursor, intercambiando la marca por una palabra mientras el relleno plano se convierte en una rampa de dos paradas.
- Arrow wipe call to action
Una llamada a la acción cuya placa más oscura aparece desde la izquierda al pasar el mouse mientras una flecha escondida se desliza hacia afuera para encontrarse con la etiqueta y empuja un píxel hacia abajo cuando se hace clic.
Abrir el índice completo
- Amber upload pill
- Arrow to label pill
- Arrow wipe call to action
- Banded stripe button
- Blob cap button
- Captioned Like Button
- Caret tail link
- Center out underline link
- Color swap play button
- Concentric ring button
- Corner bracket frame button
- Corner bracket seal button
- Cube flip letters
- Dashed outline tooltip button
- Departing send button
- Diagonal blob flood button
- Diagonal swipe button
- Dot flood button
- Draining fill button
- Drifting aura button
- Elevation ladder fill button
- Expanding icon pill
- Extruded tilt button
- Flip face button
- Floating download pill
- Gap stretch arrow button
- Edge light pill
- Glow halo button
- Gradient swap button
- Graphite Slab CTA
- Growing ledge button
- Icon takeover delete
- Breathing Inset Button
- Instant Hint Tooltip
- Interruptible hover swell
- Invert Fill Button
- Invert and lift button
- Invert on hover pill
- Jello squash button
- Rolling Label Button
- Light sweep effect
- Link thumbnail peek
- Morphing backdrop button
- Nested capsule button
- Nudging chevron button
- Offset plate button
- Opposing rule text button
- Outline invert button
- Outset ring tilt button
- Overshoot icon button
- Perimeter draw button
- Plinth lift button
- Pointer Spotlight Panel
- Press down sweep button
- Quarter Turn Add Button
- Relay fill button
- Reversing bars menu button
- Rim to fill gradient button
- Rising disc icon row
- Rocking icon CTA
- Rotating backer button
- Rotating sky explore button
- Scribble Edit Chip
- Settling shadow button
- Share row lift
- Sheen sweep card
- Shrinking cap icon row
- Sketched outline button
- Skewed shutter button
- Skewed wipe swap button
- Slab Lift Icon Button
- Slanted shutter button
- Slide under download button
- Sliding fill send pill
- Sliding label button
- Sliding send button
- Snap back icon button
- Spinning square flood button
- Spotlight fill button
- Stacked shadow text
- Staged expand delete button
- Swelling pill button
- Tilt Parallax Tile
- Tracing edge button
- Traveling border pill
- Traveling underglow pill
- Travelling knob follow button
- Warm band action button
- Wipe fill button
Etiquetas
3D (7)Administración (6)Ambiental (18)Analítica (8)Animado (21)Área (9)Flecha (10)Avatar (7)Fondo posterior (9)Fondo (25)Insignia (9)Barra (9)Botón (158)Calendario (8)Llamada a la acción (6)Lienzo (41)Tarjeta (15)Gráfica (32)Etiqueta compacta (11)Contraer (6)Confirmar (13)Estado controlado (10)Recuento (6)Contador (8)Llamada a la acción (12)Cursor (11)Cliente (6)Profundidad (12)Diagonal (6)Diálogo (11)Punto (7)Arrastre (8)Panel lateral (7)Deriva (10)Expandir (10)Relleno (15)Inundación (8)Foco (8)Seguimiento (6)Formulario (24)Marco (9)Galería (9)Brillo (15)Degradado (17)Cuadrícula (13)Halo (7)Titular (6)Sección principal (6)Resaltado (6)Pista (6)Al pasar el cursor (89)Icono (44)Botón de icono (8)Campo de entrada (9)Interactivo (25)Inversión (14)Etiqueta (9)Cambio de etiqueta (6)Composición (8)Elevación (10)Luz (10)Línea (7)Carga (10)Bucle (14)Menú (10)Métrica (8)Ventana modal (8)Mensual (6)Navegación (9)Ruido (9)Órbita (7)Contorno (23)Superposición (7)Página (10)Panel (15)Paralaje (8)Partícula (12)Perspectiva (9)Cápsula (35)Puntero (32)Panel emergente (7)Pulsación (28)Progreso (10)Pulso (7)Aparición (30)Anillo (12)Rotar (6)Fila (7)Escala (9)Desplazamiento (12)Enviar (7)Ajustes (7)Sombra (13)Compartir (15)Deslizamiento (10)Resorte (24)Pila (7)Animación escalonada (13)Estado actual (8)SVG (30)Barrido (15)Interruptor (7)Táctil (6)Texto (10)Mosaico (12)Inclinación (10)Alternancia (32)Barra de herramientas (11)Ayuda emergente (18)Estela (7)Tendencia (7)Tipografía (8)Subrayado (6)Onda (9)Revelado por barrido (6)Flujo de trabajo (9)Espacio de trabajo (13)