Formularios libres
Crea formularios escribiendo sobre la página, con estilo propio, y compártelos por link.
Usar gratisProductos
Microapps, componentes y plantillas para usar o descargar gratis.
293 productos
Encuestas y feedback
Crea encuestas de satisfacción y NPS y compártelas por link.
Usar gratisRegistro y RSVP
Crea la página de tu evento, controla el cupo por personas y administra quién viene, con lista de espera.
Usar gratisAgenda de citas
Deja que tus clientes elijan un horario libre y reserven al instante, estilo Calendly.
Usar gratisAprobación de propuestas
Comparte una propuesta y recibe aprobación, comentarios o una solicitud de cambios.
Usar gratisLimpiador de CSV
Limpia archivos tabulares y revisa los cambios antes de descargarlos.
Usar gratisUnir PDF
Combina varios PDF en uno solo y ordénalos antes de descargar.
Usar gratisDividir PDF
Extrae páginas de un PDF o sepáralo en varios archivos.
Usar gratisComprimir imágenes
Reduce el peso de tus fotos y gráficos sin salir de tu navegador.
Usar gratisConvertir imágenes
Pasa tus imágenes a JPG, PNG o WebP desde tu navegador.
Usar gratisQuitar fondo de imagen
Quita fondos lisos de fotos de producto, logos y firmas desde tu navegador.
Usar gratisCalculadora del costo de un proceso manual
Calcula cuántas horas y cuánto dinero al año se van en una tarea repetitiva.
Usar gratisGenerador de cotizaciones
Arma una cotización con folio, IVA y total en letra, y guárdala en PDF.
Usar gratisCSV a reporte
Convierte una tabla en un reporte con título y fecha, listo para imprimir o guardar en PDF.
Usar gratisBrief de proyecto de software
Explica tu proyecto en tus palabras y obtén un documento claro para cotizar.
Usar gratisBotón neumórfico
Relieve suave que se hunde al presionar, con modo interruptor.
Descargar gratisBotón de vidrio
Vidrio esmerilado con un reflejo que sigue al puntero.
Descargar gratisBotón neobrutalista
Borde grueso, color plano y sombra dura que se aplasta al presionar.
Descargar gratisBotón con borde de luz
Botón oscuro con un borde degradado que gira y un resplandor.
Descargar gratisBotón magnético
Sigue al puntero, el texto rueda y un color sube desde abajo.
Descargar gratisBotón minimalista con flecha
Texto con subrayado que se dibuja y una flecha en un círculo que se llena.
Descargar gratisCarga y vista previa de CSV
Selector por arrastre, validación y vista previa de filas para React.
Descargar gratisCampo de línea con etiqueta flotante
Solo una línea: la etiqueta sube al escribir y una barra se abre desde el centro.
Descargar gratisCampo neumórfico
Canal hundido en la superficie, con icono y botón para mostrar la contraseña.
Descargar gratisInterruptor y casilla animados
Interruptor con rebote elástico y casilla cuya marca se dibuja.
Descargar gratisCampo de código OTP
Una casilla por dígito con avance automático, borrado y pegado del código.
Descargar gratisZona para soltar archivos
Arrastra o elige archivos, valida tipo y tamaño y quita de la lista.
Descargar gratisControl segmentado
Opciones en una barra con una pastilla que se desliza con rebote.
Descargar gratisTarjeta holográfica con inclinación
Se inclina en 3D hacia el puntero y su brillo cambia de color con el ángulo.
Descargar gratisTarjeta con foco de luz
Un foco sigue al puntero e ilumina el borde; sin puntero recorre la tarjeta solo.
Descargar gratisTarjeta neumórfica
Superficie extruida con un pozo hundido para el icono.
Descargar gratisTarjeta de vidrio
Vidrio esmerilado con borde de luz y brillo superior.
Descargar gratisTarjeta que gira
Gira en 3D para mostrar el reverso, con puntero, teclado o toque.
Descargar gratisTarjeta de papel riso
Papel impreso con dos tintas desalineadas, grano y cinta.
Descargar gratisTexto rotativo
Una palabra de la frase cambia: sube, se desenfoca y la siguiente entra.
Descargar gratisTexto que se revela
Cada palabra sube desde una máscara al entrar en pantalla.
Descargar gratisContador animado
Un número que cuenta hasta su valor al entrar en pantalla.
Descargar gratisMarquesina infinita
Contenido que se desplaza sin fin, con bordes que se desvanecen.
Descargar gratisMáquina de escribir
Escribe una frase, la borra y sigue con la siguiente, con cursor parpadeante.
Descargar gratisTexto que se descifra
Las letras se mezclan y se fijan de izquierda a derecha.
Descargar gratisCargadores
Seis indicadores de carga solo con CSS, en el color del texto.
Descargar gratisHero editorial
Titular grande con una palabra subrayada a mano y un círculo de color.
Descargar gratisHero de producto SaaS
Texto, formulario de correo y una ventana de aplicación dibujada con CSS.
Descargar gratisHero de aurora
Oscuro y centrado, con auroras en movimiento y un suelo en perspectiva.
Descargar gratisHero neobrutalista
Titular enorme, bloque inclinado, sello giratorio y cinta que corre.
Descargar gratisHero con buscador
Un campo de búsqueda grande al centro con sugerencias que se filtran.
Descargar gratisFooter mínimo
Una sola línea: marca, enlaces y volver arriba.
Descargar gratisFooter en columnas con boletín
Marca, tres columnas de enlaces y suscripción por correo con estados.
Descargar gratisFooter con nombre gigante
Enlaces arriba y la marca ocupando todo el ancho, con letras que saltan.
Descargar gratisFooter con llamada a la acción
Una banda grande con mensaje y botón, y debajo los enlaces.
Descargar gratisFooter bento
Baldosas de colores con marca, enlaces, estado y hora local en vivo.
Descargar gratisPrecios de tres planes
Tres planes con selector mensual/anual y el plan destacado invertido.
Descargar gratisTabla comparativa de precios
Matriz de funciones por plan, con columna destacada y primera columna fija.
Descargar gratisPrecios por uso con deslizador
Un deslizador de volumen calcula el precio mensual al instante.
Descargar gratisPrecios neobrutalistas
Tarjetas de color plano con sombra dura, sello inclinado y viñetas cuadradas.
Descargar gratisPlan único
Una sola oferta, tipográfica, sobre un fondo de color pleno.
Descargar gratisFondos animados para React
Tres fondos animados sin dependencias: puntos que reaccionan, aurora y cuadrícula.
Descargar gratisPaleta de comandos (⌘K)
Modal flotante con búsqueda instantánea, navegación con flechas y atajos opcionales.
Descargar gratisTooltip magnético
Persigue al cursor con resorte y aparece tras un breve retraso.
Descargar gratisToasts apilados
Notificaciones con barra de progreso drenándose y pausa al pasar el ratón.
Descargar gratisContador tragamonedas
Cada dígito rueda hacia el nuevo valor con curva elástica.
Descargar gratisStepper con línea
Pasos verticales conectados por una línea que se va rellenando.
Descargar gratisEstado de trabajo y profundidad
Barra de estado con cronómetro real y un control para elegir qué tan a fondo trabaja el asistente.
Descargar gratisResumen de razonamiento
Línea plegable que resume lo que hizo el asistente y se abre en una línea de tiempo de pasos.
Descargar gratisRespuesta en streaming
Respuesta que llega palabra por palabra, con cita numerada, fuentes, acciones y preguntas relacionadas.
Descargar gratisMensaje de conversación
Mensajes de persona, asistente, sistema y herramienta con jerarquía clara y sin cajas innecesarias.
Descargar gratisLlamada a herramienta
Fila de una herramienta ejecutada por un agente, con estado, duración, argumentos y resultado.
Descargar gratisTexto que se escribe
Texto que se teclea con ritmo humano y un cursor de barra, bloque o subrayado.
Descargar gratisHero cinematográfico
Hero a pantalla de cine con franjas, una fuente de luz cálida y título que sube línea por línea.
Descargar gratisHero 3D con puntero
Hero con una escena de tres capas que se inclina hacia el puntero.
Descargar gratisBotón de barrido
Botón de contorno que se rellena con una línea que baja y voltea el texto en el mismo borde.
Descargar gratisBotón que confirma
Botón que se encoge a un círculo con un check cuando la acción se completa.
Descargar gratisTarjeta fotograma
Tarjeta con el formato de un fotograma de 35 mm: perforaciones, grano, indicador y código de tiempo.
Descargar gratisFooter aurora
Footer oscuro con una aurora verde y azul muy lenta detrás del contenido.
Descargar gratisTexto glitch
Título que se descifra al pasar el puntero mientras una copia de color se desplaza por franjas.
Descargar gratisTexto tinta fresca
Texto que se escribe con ritmo humano; cada letra nace con color y se asienta al color del texto.
Descargar gratisBotón de copiar con confirmación
Comando seleccionable con copia real al portapapeles, confirmación y recuperación si el navegador bloquea la acción.
Descargar gratisBotón de acción asíncrona
Ejecuta una promesa con estados de carga, éxito y error; permite reintentar y evita acciones duplicadas.
Descargar gratisBotón persiana editorial
Cinco paneles se cierran en secuencia al pasar el puntero o enfocar el botón; funciona también como enlace.
Descargar gratisCampo de búsqueda con limpieza
Búsqueda con etiqueta visible, botón para limpiar y envío por Enter o botón; expone onSearch para conectarla a datos.
Descargar gratisSelector de etiquetas
Selección múltiple en chips con estados pulsados, contador y callback; todas las opciones funcionan con teclado.
Descargar gratisContraseña con requisitos
Campo con mostrar/ocultar y lista de requisitos verificables; la barra refleja cumplimiento, sin prometer seguridad estimada.
Descargar gratisControl de cantidad
Stepper numérico con entrada directa, límites mínimo y máximo y botones que se desactivan al llegar al límite.
Descargar gratisTarjeta de entrada perforada
Entrada editorial con talón perforado, fecha, código y acción; el código de barras es una muestra decorativa.
Descargar gratisTarjeta de proyecto expandible
Tarjeta con portada tipográfica, entregables desplegables y enlace al proyecto; disclosure nativo y accesible.
Descargar gratisTarjeta de perfil con disponibilidad
Perfil con iniciales, especialidades y disponibilidad explícita; enlace de contacto configurable.
Descargar gratisTexto con perspectiva interactiva
Titular que cambia de perspectiva con el puntero y proyecta un reflejo tipográfico; estático en táctil y movimiento reducido.
Descargar gratisTexto con subrayado que se dibuja
Énfasis tipográfico con una línea SVG que se dibuja una sola vez; el texto siempre está visible y legible.
Descargar gratisTexto con apertura de máscara
Un titular se abre desde su eje horizontal mediante clip-path; entrada breve con alternativa estática para movimiento reducido.
Descargar gratisPestañas con indicador compartido
Pestañas con indicador deslizante, paneles vinculados y navegación con flechas, Inicio y Fin.
Descargar gratisRuta de navegación adaptable
Breadcrumbs semánticos con enlaces reales, página actual y salto de línea para rutas largas.
Descargar gratisPaginación compacta
Paginación con extremos, páginas vecinas y elipsis; callback de cambio y controles desactivados en los límites.
Descargar gratisAcordeón editorial
Preguntas desplegables con details nativo, icono de apertura y respuestas sin dependencias ni lógica de foco artificial.
Descargar gratisAlerta contextual descartable
Aviso de información, éxito, advertencia o error con descarte, anuncio accesible y opción de volver a mostrarlo.
Descargar gratisEstado vacío con acción
Estado vacío con explicación y acción principal conectable; la demo muestra una transición real a un proyecto de muestra.
Descargar gratisHero de órbita interactiva
Hero verde profundo con conexiones orbitales SVG, nodos y trazo animado que se pausa fuera de pantalla y con movimiento reducido.
Descargar gratisHero de paneles cromáticos
Hero de tres paneles que expanden su composición al seleccionar, enfocar y tocar; formas geométricas y paleta cálida.
Descargar gratisHero manifiesto tipográfico
Manifiesto de dos líneas en terracota, regla que se despliega y cierre editorial; sin imágenes ni efectos continuos.
Descargar gratisHero de obturador luminoso
Hero con seis hojas luminosas que abren su máscara según el cursor; composición estática completa para móvil y movimiento reducido.
Descargar gratisFooter índice editorial
Footer con índice de enlaces en filas grandes, correo configurable y retorno al inicio; composición editorial adaptable.
Descargar gratisFooter de señal reactiva
Footer oscuro con señal de barras que responde al enlace de contacto y al foco de teclado; ninguna animación automática.
Descargar gratisFooter postal con nota editable
Footer con composición postal y textarea real que prepara un correo; el usuario revisa y envía desde su aplicación de correo.
Descargar gratisFondo de eclipse orbital
Eclipse geométrico con movimiento orbital lento, contenido superpuesto y pausa manual; detiene el trabajo fuera de pantalla.
Descargar gratisFondo de contornos reactivos
Contornos elípticos SVG que desplazan su perspectiva con el puntero; fondo ligero, sin loops ni canvas.
Descargar gratisFondo de cintas cinéticas
Cintas diagonales de color con ritmo lento, pausa manual y suspensión automática al salir de pantalla.
Descargar gratisFavorito con pulso
Control de favorito reversible con corazón SVG, pulso breve, aria-pressed y callback de cambio.
Descargar gratisValoración con estrellas
Cinco estrellas con previsualización al pasar el puntero, selección accesible y borrado de la valoración.
Descargar gratisDock de navegación con aumento
Dock de enlaces con aumento del elemento activo y sus vecinos; tooltip en hover o foco, y navegación táctil estable.
Descargar gratisPrecios por paquetes de créditos
Selector de paquetes con coste unitario y total actualizado; callback de elección sin realizar cobros ni simular compras.
Descargar gratisConfigurador de plan modular
Plan modular con casillas reales, desglose de extras y suma mensual; devuelve la selección y el total mediante callback.
Descargar gratisCompositor de mensajes para IA
Compositor con sugerencias, límite de caracteres, atajo de envío y estados asíncronos; conserva el mensaje ante errores.
Descargar gratisLista de fuentes y citas
Fuentes numeradas con dominio, extracto y enlace externo seguro; expansión de listas largas y estado vacío.
Descargar gratisAprobación de acciones del asistente
Revisión explícita del alcance, datos y destino de una acción de IA; aprobar o rechazar mediante callback asíncrono.
Descargar gratisGráfico de barras seleccionable
Barras con escala numérica, meses y selección por teclado o toque; valores anunciados y callback del dato elegido.
Descargar gratisTabla ordenable de registros
Tabla semántica con búsqueda, orden por nombre o importe, estado vacío y desplazamiento horizontal en móvil.
Descargar gratisHistorial de actividad agrupado
Timeline semántico con eventos, tiempos, estados y filtro de pendientes; responde a datos reales mediante props.
Descargar gratisBotón claymorfismo
Botón de masa blanda e hinchada: relieve interior, brillo de plastilina y aplastamiento elástico al presionar.
Descargar gratisBotón Aqua de gel
Cápsula skeuomórfica de gel con brillo especular, bisel y pulso en el botón principal, como los botones de Mac OS X.
Descargar gratisBotones Material Design 3
Los siete botones de Material 3 (filled, tonal, outlined, text, elevated, FAB y extendido) con capas de estado y ondulación desde el toque.
Descargar gratisBotón liquid glass
Vidrio líquido al estilo de iOS 26: refracta lo que hay detrás, brilla donde pasa el puntero y se estira al presionar.
Descargar gratisPulsador de arcade
Cúpula de plástico con luz propia que se hunde en su base metálica, en cuatro colores.
Descargar gratisBotón pixel art 8 bits
Botón con esquinas escalonadas, relieve de bloques y parpadeo de cursor, en cuatro colores de consola.
Descargar gratisBotón de aluminio cepillado
Botón skeuomórfico de metal con grano cepillado, texto grabado, tornillos y luz piloto verde.
Descargar gratisBotón de mantener para confirmar
Acción destructiva que se confirma manteniendo pulsado (ratón, dedo o Espacio), con relleno progresivo y cancelación al soltar.
Descargar gratisDeslizar para confirmar
Control skeuomórfico de cristal oscuro con destello en la etiqueta; se arrastra con puntero y se completa con Enter desde el teclado.
Descargar gratisBotón cromado Y2K
Cápsula de metal líquido con reflejo de cielo, halo blanco y destello de estrella, del diseño web de 2001.
Descargar gratisBotón de línea editorial
Enlace minimalista: el texto rueda hacia su copia en cursiva, la línea se redibuja y la flecha cruza la esquina.
Descargar gratisBotón con borde de luz cónica
Botón oscuro con un haz de luz que recorre el borde; gira más rápido y proyecta resplandor al apuntarlo.
Descargar gratisBotón dividido con menú
Acción principal y menú de alternativas con teclado completo: flechas, Inicio, Fin, Escape y devolución del foco.
Descargar gratisInterruptor skeuomórfico de palanca
Palanca metálica en ranura hundida con luz piloto que se enciende y rotulado grabado en la placa.
Descargar gratisInterruptor claymorfismo
Pastilla de plastilina con bola que se estira al presionar y cambia a verde menta al activarse.
Descargar gratisInterruptor liquid glass
Interruptor al estilo iOS 26: pastilla de vidrio que se ensancha mientras se mantiene presionada.
Descargar gratisCampo de texto Material Design 3
Campos filled y outlined con etiqueta flotante, texto de ayuda, contador y estado de error, según la guía de Material 3.
Descargar gratisCampo de vidrio esmerilado
Campo translúcido con desenfoque del fondo, borde de luz e icono; sube su brillo al enfocar. Glassmorfismo.
Descargar gratisDeslizador neumorfismo
Canal hundido con relleno azul y perilla en relieve que se hunde al arrastrar; input range nativo.
Descargar gratisDeslizador de rango de dos tiradores
Rango mínimo-máximo con dos tiradores nativos superpuestos; los tiradores no se cruzan y se manejan con teclado.
Descargar gratisSelector de opciones en tarjetas
Radio group presentado como tarjetas de papel con sello al elegir; flechas del teclado mueven la selección.
Descargar gratisCasillas con check dibujado
Casillas cuyo trazo se dibuja al marcar y tachan el texto; variantes de trazo, relleno y círculo sobre un input nativo.
Descargar gratisSelector de fecha claymorfismo
Calendario con navegación por mes y teclado completo (flechas, Inicio, Fin, RePág, AvPág), fechas con formato local.
Descargar gratisSelector de color
Muestras con flechas, tono continuo y campo hexadecimal validado; en el estilo limpio de una herramienta de diseño.
Descargar gratisÁrea de texto con anillo contador
Textarea que crece con el contenido y muestra caracteres restantes con un anillo que pasa a ámbar y a rojo.
Descargar gratisSelect neobrutalista
Listbox accesible con apertura por teclado, salto por letra, Inicio y Fin; sombra dura y bordes gruesos.
Descargar gratisFormulario de tarjeta con vista previa
Tarjeta skeuomórfica con chip y relieve que se llena en vivo y gira al capturar el CVC; formato automático de número y fecha.
Descargar gratisTarjeta claymorfismo
Bloque de plastilina con relieve interior, ventana hundida y una pieza 3D que flota; se levanta y gira al apuntarla.
Descargar gratisTarjeta de cuero con costura
Tarjeta skeuomórfica de cuero con grano, costura punteada, marcador de tela y texto estampado en relieve.
Descargar gratisTarjetas Material Design 3
Tarjetas elevated, filled y outlined con capa de estado, ondulación al tocar y bloque que se expande.
Descargar gratisTarjeta liquid glass
Panel de vidrio con borde especular, brillo que sigue al puntero y ligera inclinación 3D, al estilo de iOS 26.
Descargar gratisTarjeta neobrutalista
Borde grueso, color plano, sello inclinado y sombra dura que se acorta al apuntarla; botón que se hunde al pulsar.
Descargar gratisPila de polaroids
Fotos de papel fotográfico apiladas en abanico; la elegida se endereza y sube al frente con sombra más profunda.
Descargar gratisTarjeta de crédito 3D
Tarjeta skeuomórfica con chip, holograma y relieve que gira para mostrar el reverso con clic o Enter.
Descargar gratisTarjeta de clima de vidrio
Glassmorfismo sobre cielo degradado: sol con rayos que giran, nube que flota y pronóstico por hora.
Descargar gratisReproductor neumorfismo
Disco que gira, barra hundida con avance y controles en relieve que se presionan hacia dentro. Reproducción simulada.
Descargar gratisPila de tarjetas en abanico
Etapas apiladas que se abren en abanico al apuntarlas o enfocarlas; clic envía la tarjeta al fondo de la pila.
Descargar gratisTexto en ola
Cada letra sube y baja con un desfase y el color viaja con la onda; solo anima mientras está a la vista.
Descargar gratisMenú de texto que rueda
Enlaces grandes cuyas letras ruedan una a una hacia una copia en cursiva y de otro color al apuntarlos o enfocarlos.
Descargar gratisTexto por proximidad
Las letras crecen, se elevan y engordan según lo cerca que pasa el puntero, como un dock tipográfico.
Descargar gratisLetras con física
El puntero empuja las letras y vuelven a su sitio con un resorte; el bucle solo corre mientras hay movimiento.
Descargar gratisTexto con marcador
Palabras resaltadas a rotulador que se dibujan al entrar en pantalla, una tras otra.
Descargar gratisLetrero de neón
Tubo de luz con halo en capas y una letra que parpadea como si estuviera por fallar.
Descargar gratisTítulo 3D retro Y2K
Título extruido con relieve que apunta lejos del puntero; amarillo, rosa y contorno morado al estilo de 2001.
Descargar gratisTitular que sube de una máscara
Titular editorial que sube línea por línea desde una máscara al entrar en pantalla, con inclinación inicial y cursiva.
Descargar gratisPalabra que se enfoca
Frase con una palabra que cambia saliendo del desenfoque, como una lente que busca el punto; se pausa fuera de pantalla.
Descargar gratisTablero de láminas giratorias
Panel de aeropuerto con láminas que giran: cada letra recorre el alfabeto hasta su destino. Skeuomórfico.
Descargar gratisHero liquid glass
Piezas de vidrio que refractan un fondo líquido en movimiento y se desplazan con el puntero a distintas profundidades. Refracción real en Chromium; vidrio esmerilado en el resto.
Descargar gratisHero claymorfismo
Formas de plastilina que flotan y se aplastan al apuntarlas, titular redondeado y botones blandos con relieve interior.
Descargar gratisHero de terminal CRT
Fósforo verde, líneas de barrido y viñeta: una sesión de comandos que se teclea sola y se repite mientras está a la vista.
Descargar gratisHero de partículas que forman una palabra
Miles de puntos en canvas forman la palabra, huyen del puntero y regresan con un resorte; se pausa fuera de pantalla.
Descargar gratisHero de linterna que revela otra capa
Un haz de luz sigue al puntero y descubre una segunda capa bajo la primera; en táctil el haz recorre la pantalla solo.
Descargar gratisHero con pila isométrica 3D
Cuatro paneles de interfaz flotan en profundidad, se separan al apuntarlos y se inclinan con el puntero. Solo CSS 3D.
Descargar gratisHero Material Design 3
Superficies tonales, forma que se transforma entre figuras, chips y botones con la tipografía y el movimiento de Material 3.
Descargar gratisHero synthwave retro
Sol rayado, montañas y una cuadrícula en perspectiva que avanza sin fin: retro-futurismo de los 80, solo CSS.
Descargar gratisHero neobrutalista en bento
Cajas de colores planos con borde grueso y sombra dura, cinta que corre y piezas que se hunden al pulsar.
Descargar gratisHero de letras-ventana
La palabra gigante recorta un fondo de color en movimiento, visible solo a través de las letras (mezcla screen).
Descargar gratisFooter claymorfismo
Losa de plastilina con esquinas muy redondas, enlaces como pastillas blandas que rebotan y botón de subir.
Descargar gratisFooter de vidrio con suscripción
Panel de vidrio esmerilado con formulario de suscripción validado, enlaces y marca; pensado para ir sobre un fondo de color.
Descargar gratisFooter con marca gigante que sube
Barra de enlaces discreta y la marca en letras enormes que suben una a una al llegar al final de la página.
Descargar gratisFooter de terminal con árbol del sitio
Mapa del sitio como árbol de directorios con enlaces reales, prompt con cursor parpadeante y estado del sistema.
Descargar gratisFooter neobrutalista
Bloques de color con borde grueso y sombra dura, enlaces gigantes que se desplazan y una cinta de texto corrido.
Descargar gratisFooter de placa de aluminio
Placa de aluminio cepillado con tornillos, texto grabado, enlaces con relieve que se hunden y luz piloto verde.
Descargar gratisPrecios claymorfismo
Tres planes de plastilina con el recomendado más grande, interruptor blando mensual/anual y lista de beneficios.
Descargar gratisPrecios liquid glass
Planes translúcidos sobre fondo de color y un selector segmentado cuya pastilla de vidrio se desliza entre mensual y anual.
Descargar gratisPrecios Material Design 3
Botón segmentado para el periodo, tarjetas outlined, tonal y filled, y chips de beneficios según Material 3.
Descargar gratisPrecios neumorfismo
Superficies grises extruidas, selector de periodo hundido, lista en relieve inverso y botón que se presiona hacia dentro.
Descargar gratisFondo de malla de gradientes
Cinco manchas de color desenfocadas que se mezclan lentamente sobre una capa de grano; con botón de pausa.
Descargar gratisFondo de rejilla con haces de luz
Rejilla técnica con haces que recorren las líneas como corriente en un circuito; solo CSS y con pausa.
Descargar gratisFondo de puntos que reacciona al puntero
Rejilla de puntos en canvas con una onda lenta; cerca del puntero los puntos crecen, se desplazan y se encienden.
Descargar gratisFondo de campo de estrellas
Viaje a velocidad de salto en canvas con estelas que se aceleran al entrar el puntero; pausa fuera de pantalla.
Descargar gratisFondo de metabolas líquidas
Círculos de color que se funden como líquido gracias a un filtro SVG gooey; solo CSS y SVG.
Descargar gratisFondo de olas en capas
Cuatro curvas SVG con paralaje que se desplazan a distinta velocidad bajo un sol de atardecer.
Descargar gratisFondo de lluvia digital
Columnas de caracteres que caen con estela y cabeza brillante, en canvas, con pausa fuera de pantalla.
Descargar gratisFondo de risografía con grano
Manchas de tinta planas que se mezclan en multiplicación bajo una textura de grano que respira.
Descargar gratisFondo de campo de flujo generativo
Miles de trazos finos siguen una corriente que cambia lentamente y dibujan una caligrafía generativa sobre papel.
Descargar gratisFondo Frutiger Aero con burbujas
Cielo azul brillante, rayos de luz, colina y burbujas de cristal que suben con reflejos, al estilo de 2007.
Descargar gratisMe gusta con explosión de partículas
El corazón se rellena con rebote, estalla en doce partículas de color y el contador se actualiza.
Descargar gratisInterruptor de tema sol-luna
El sol se convierte en luna recortada, los rayos se retraen y aparecen estrellas; todo en un SVG animado con CSS.
Descargar gratisBotones de menú que se vuelven cruz
Tres animaciones distintas de hamburguesa a cruz (giro, colapso y deslizamiento) con aria-expanded.
Descargar gratisCampana de notificaciones que se agita
La campana se agita cuando llega un aviso, el contador salta con un resorte y se limpia al abrir.
Descargar gratisLista de deslizar para borrar
Arrastra una fila para revelar la acción roja; pasado el umbral la fila se colapsa. Con botón de borrar para teclado.
Descargar gratisLista reordenable con teclado
Arrastre por el asa y Alt más flechas, con reubicación FLIP, anuncio de posición para lectores de pantalla y botones de respaldo.
Descargar gratisSelector de reacciones con aumento
Mantén o enfoca el botón para abrir la barra de emojis, que crecen con el puntero; flechas y Enter funcionan igual.
Descargar gratisBotón play/pausa con anillo de progreso
El triángulo se divide en dos barras con una transición de forma; un anillo marca el avance de una reproducción simulada.
Descargar gratisAñadir al carrito con punto volador
Un punto sale del botón, vuela en arco hasta el carrito, el icono rebota y el contador suma.
Descargar gratisPerilla rotatoria de aluminio
Perilla skeuomórfica con marcas encendidas, aguja y pantalla LCD; se gira arrastrando, con la rueda o con flechas.
Descargar gratisTarjetas de sugerencias para empezar
Cuatro sugerencias con icono, descripción y flecha que aparece al apuntarlas; la elegida queda marcada con el acento azul.
Descargar gratisEntrada por voz con onda
Botón de micrófono, onda de nivel y transcripción que aparece palabra a palabra. Simulación visual, sin acceso al micrófono.
Descargar gratisBloque de código para respuestas
Cabecera con nombre de archivo, números de línea, resaltado ligero sin librerías y copia con confirmación.
Descargar gratisValoración de una respuesta
Pulgar arriba o abajo, motivos rápidos distintos según el caso, comentario opcional y confirmación de envío.
Descargar gratisGeneración de imagen en curso
El lienzo pasa de desenfocado a nítido con una barra de pasos y regeneración; ilustración SVG propia, simulación visual.
Descargar gratisSelector de modelo
Listbox accesible con descripción, velocidad y capacidad de cada opción. Nombres genéricos de muestra.
Descargar gratisBarra lateral de conversaciones
Búsqueda, grupos por fecha, conversación activa y botón de nueva conversación en una barra compacta.
Descargar gratisBarra flotante liquid glass
Pastilla de vidrio que sigue al puntero o al enlace activo, ajustándose a su ancho con un resorte.
Descargar gratisBarra de pestañas inferior
Cápsula oscura con una pastilla que se desliza entre pestañas, icono que rebota y contador; flechas del teclado.
Descargar gratisBarra lateral colapsable
Se contrae a un riel de iconos con etiquetas flotantes; secciones, elemento activo e insignias.
Descargar gratisMenú a pantalla completa editorial
Panel negro que baja con clip-path y enlaces gigantes que suben escalonados; Escape cierra y el foco queda atrapado.
Descargar gratisBarra con megamenú
Panel de tres columnas con descripciones, abierto por clic o flecha abajo; Escape y clic fuera lo cierran.
Descargar gratisAsistente por pasos Material 3
Indicador de círculos con línea que se llena, estados hecho/actual/pendiente y botones atrás y siguiente.
Descargar gratisÍndice con scroll-spy
Documento con secciones y un índice cuyo marcador sigue la sección visible; autocontenido en su panel.
Descargar gratisRiel de navegación Material 3
FAB arriba y destinos con indicador en píldora que crece desde el centro, según Material 3.
Descargar gratisIndicador analógico de tablero
Arco con zonas verde, ámbar y rojo, aguja con resorte y pantalla LCD; skeuomórfico oscuro con valor ajustable.
Descargar gratisGráfico de dona interactivo
Segmentos enfocables que se destacan junto a su leyenda; el centro muestra el valor del segmento activo.
Descargar gratisMapa de calor de actividad
Calendario de contribuciones con escala de cinco niveles, leyenda y detalle del día al apuntar o enfocar. Datos de muestra.
Descargar gratisTablero kanban
Tres columnas con arrastre nativo y botones para mover tarjetas, con anuncio del movimiento para lectores de pantalla.
Descargar gratisClasificación que se reordena
Barras con borde grueso que cambian de lugar con animación FLIP al actualizar los puntajes. Neobrutalista.
Descargar gratisIndicadores clave Material 3
Tarjetas tonales con cifra que cuenta al entrar en pantalla, variación con color semántico y comparación.
Descargar gratisComparador antes y después
Control que divide dos capas con arrastre y teclado (flechas, Inicio, Fin); sirve para cualquier contenido.
Descargar gratisGráfico de línea con mira
Línea con área, punto activo y tooltip; se explora con puntero o con flechas del teclado. Oscuro y sobrio.
Descargar gratisEmbudo de conversión de vidrio
Etapas centradas con ancho proporcional, porcentaje de paso a la siguiente y detalle al enfocar. Glassmorfismo.
Descargar gratisInsignias de estado
Siete tonos con punto, pulso opcional y variantes suave y sólida.
Descargar gratisGrupo de avatares con estado
Avatares con iniciales, anillo de estado y contador +N que se abren en abanico al apuntarlos.
Descargar gratisTooltip accesible
Aparece con retardo al apuntar o enfocar, se cierra con Escape y no desaparece al pasar sobre él (WCAG 1.4.13).
Descargar gratisCampo de chips claymorfismo
Escribe y pulsa Enter o coma para añadir, Retroceso borra el último; chips blandos que se quitan con su botón.
Descargar gratisTeclas skeuomórficas de atajos
Teclas de plástico en relieve que se hunden al pulsar la tecla real o al hacer clic, para mostrar atajos.
Descargar gratisProgreso neumorfismo
Barra hundida con relleno azul y anillo en relieve con cifra central, con role progressbar y simulación opcional.
Descargar gratisProgreso de vidrio por etapas
Barra translúcida con destello en el relleno y etapas nombradas que se completan; glassmorfismo sobre color.
Descargar gratisMedidor de LED skeuomórfico
Segmentos que se encienden de verde a ámbar y rojo, con marca de pico y pantalla digital; para volumen, batería o carga.
Descargar gratisBarras de vida y experiencia 8 bits
Bloques de píxeles que se llenan, marco blanco y parpadeo en estado crítico, como un videojuego retro.
Descargar gratisProgreso Material Design 3
Lineal determinado, lineal indeterminado y circular (determinado e indeterminado) con la paleta de Material 3.
Descargar gratisAnillo de progreso claymorfismo
Anillo grueso de plastilina con una bolita que recorre el arco y la cifra al centro.
Descargar gratisEsqueletos con destello
Tres plantillas (tarjeta, lista y perfil) con el mismo tamaño que el contenido final para evitar saltos de diseño.
Descargar gratisEsqueleto oscuro con pulso
Panel de datos con título, tres indicadores y tabla en bloques que respiran en cascada.
Descargar gratisLista de subidas con progreso
Porcentaje por archivo, cancelar, reintentar tras un error y completado con check. Simulación visual, sin red.
Descargar gratisCargador líquido en frasco
Un frasco circular que se llena con dos olas desfasadas y burbujas que suben, con el porcentaje encima.
Descargar gratisDiálogo modal de confirmación
Sobre <dialog> nativo: foco atrapado, Escape y clic fuera cierran, el foco vuelve al botón; acción destructiva con confirmación escrita.
Descargar gratisDiálogo liquid glass
Diálogo de cristal líquido que nace del propio botón y refracta el fondo en su borde, con formulario validado.
Descargar gratisDiálogo neobrutalista
Caja de borde grueso con sombra dura que entra con rebote, banda de título tipo ventana y botones que se hunden.
Descargar gratisPanel lateral de ajustes
Drawer sobre <dialog> que entra desde el lateral, con interruptores, selector y botones de guardar. Material oscuro.
Descargar gratisHoja inferior arrastrable
Bottom sheet estilo iOS que se cierra arrastrando el asa más allá de un umbral, con Escape y clic fuera.
Descargar gratisPopover anclado para compartir
Panel con flecha anclado a su botón: Escape, clic fuera o salir con Tab lo cierran y el foco vuelve; copia el enlace.
Descargar gratisMenú contextual de clic derecho
Se abre con clic derecho, tecla de menú o Mayús+F10; flechas, Inicio, Fin y Escape, atajos visibles y posición dentro del área.
Descargar gratisGalería con lightbox
Miniaturas que abren la imagen a pantalla completa con flechas del teclado, contador y pie; ilustraciones SVG propias.
Descargar gratisSnackbar Material Design 3
Aviso breve con acción Deshacer; el cierre automático se pausa al apuntar o enfocar y se anuncia por región viva.
Descargar gratisTestimonios en marquesina
Dos filas de citas que corren en sentidos opuestos y se pausan al apuntar o enfocar. Textos de muestra.
Descargar gratisPreguntas frecuentes en dos columnas
Título y contacto a la izquierda y acordeón accesible a la derecha con apertura animada por grid-template-rows.
Descargar gratisCifras editoriales
Números enormes en serif separados por filetes, que cuentan una sola vez al entrar en pantalla.
Descargar gratisNube de logos en marquesina
Marcas abstractas de muestra con bordes que se desvanecen, color al apuntar y pausa. Sustituye por las tuyas.
Descargar gratisBanda de llamada a la acción
Titular enorme, texto corrido de fondo y un botón magnético que sigue al puntero y se rellena con color.
Descargar gratisLínea de tiempo con scroll
Línea vertical con tarjetas alternadas que se dibuja al avanzar la lectura; el contenido es visible aunque falle el script.
Descargar gratisEquipo con tarjetas que se voltean
Tarjetas de iniciales que giran al apuntar o enfocar y muestran una frase corta. Sin fotos externas; personas de muestra.
Descargar gratisSuscripción claymorfismo
Correo en una línea con validación, error junto al campo y botón que se transforma en una confirmación con check.
Descargar gratisCaracterísticas en bento
Cinco mosaicos con miniaturas de interfaz en CSS: barras, interruptores, chat, estado y rejilla de actividad.
Descargar gratisContacto neumorfismo con validación
Formulario validado campo por campo, errores junto a cada campo, foco al primero inválido y pantalla de confirmación.
Descargar gratisPágina 404 con enchufe desconectado
Ilustración SVG animada, mensaje claro, qué hacer a continuación y enlace de regreso.
Descargar gratisProceso en cuatro etapas
Una línea con iconos se traza al entrar en pantalla y cada etapa se ilumina en secuencia. Editorial.
Descargar gratisSección fijada con pasos que cambian
El escenario se queda quieto mientras el scroll cambia el texto y la forma de cada paso, con indicador lateral. Autocontenida en su panel.
Descargar gratisPila de tarjetas pegajosas
Cada tarjeta queda fija bajo la anterior mientras esta se encoge y se oscurece con el avance; solo sticky y una variable.
Descargar gratisGalería horizontal guiada por scroll
El escenario queda fijo y la fila de paneles se desplaza de lado según el avance vertical, con barra de progreso.
Descargar gratisTexto que se ilumina palabra a palabra
Cada palabra pasa de gris tenue a tinta según el scroll; el texto completo es legible para lectores de pantalla desde el inicio.
Descargar gratisArtículo con barra de progreso de lectura
Barra de avance, minutos restantes, sección actual y botón de volver arriba que aparece al avanzar.
Descargar gratisEscena con paralaje de montañas
Sol, tres capas de montañas y un titular se mueven a velocidades distintas mientras la niebla se despeja.
Descargar gratisImagen que crece hasta ocupar todo
Una tarjeta pequeña se expande a pantalla completa mientras el titular se desvanece y aparece el texto.
Descargar gratisMarquesina sensible a la velocidad del scroll
Avanza despacio por sí sola, se acelera con la velocidad del desplazamiento y cambia de dirección si subes.
Descargar gratisCursor seguidor con etiqueta
Un disco con inercia sigue al puntero dentro del área, crece y muestra «Ver» sobre los enlaces; se apaga en táctil y con movimiento reducido.
Descargar gratisEstela luminosa del puntero
Cinta suavizada con tono cambiante que se desvanece sola, en canvas; solo dibuja mientras hay movimiento.
Descargar gratisBotón con lluvia de confeti
Confeti con física (gravedad, rozamiento y giro) sobre un canvas propio que se destruye al terminar; respeta movimiento reducido.
Descargar gratisSuperficie de agua con ondas
Cada clic lanza anillos concéntricos que se expanden y se desvanecen; Enter o Espacio la activan desde el teclado.
Descargar gratisRejilla magnética de puntos
Cada punto es atraído hacia el puntero con un resorte y crece al acercarse; el bucle se detiene cuando todo está en reposo.
Descargar gratisTarjeta con inclinación 3D y brillo
Inclinación según el puntero, brillo especular y capas en profundidad (anillo, esfera y texto) que se separan al inclinar.
Descargar gratisLista con vista previa que sigue al puntero
Al apuntar una fila aparece una vista previa con inercia e inclinación por velocidad; con teclado se fija junto a la fila enfocada.
Descargar gratisDistorsión líquida al apuntar
Un filtro SVG de turbulencia ondula titular e ilustración mientras el puntero está encima, y se relaja al salir.
Descargar gratisMundo neumorfismo: casa inteligente
Termostato giratorio, interruptores hundidos, regulador y escenas, todo extruido en una sola superficie gris. Controles reales.
Descargar gratisMundo skeuomórfico: mesa de mezclas
Paneles de madera, potenciómetros, faders, vúmetros de LED animados y botones de silencio con luz; operable con teclado.
Descargar gratisMundo skeuomórfico: libreta de notas
Encuadernación de cuero cosido, papel amarillo rayado con margen rojo, tipografía manuscrita y casillas que se tachan.
Descargar gratisMundo claymorfismo: app de tareas
Avatar, anillo de avance, tarjetas de plastilina con casillas que rebotan y botón flotante; las tareas se completan de verdad.
Descargar gratisMundo glassmorfismo: panel de control
Clima, reproductor y chips de conexión en vidrio esmerilado sobre un cielo de color con manchas desenfocadas.
Descargar gratisMundo liquid glass: centro de control
Mosaicos de vidrio estilo iOS 26 con conectividad, brillo y volumen verticales, concentración y música sobre fondo vivo.
Descargar gratisMundo Material 3: bandeja de entrada
Búsqueda, chips de filtro, lista con avatares que se seleccionan, estrella con rebote, barra de navegación y botón de redactar.
Descargar gratisMundo neobrutalista: panel de proyecto
Pestañas, lista de tareas con etiquetas, barra de avance y botones con sombra dura que se hunden; todo funciona.
Descargar gratisMundo retro: escritorio Windows 95
Escritorio verde azulado con ventana de archivos, biseles, barra de tareas con reloj real y ventana que se minimiza y se cierra.
Descargar gratisMundo pixel art: menú de RPG
Ficha de personaje con barras de vida, inventario de casillas y un cuadro de diálogo que escribe su texto letra a letra.
Descargar gratisMundo terminal: intérprete de comandos
Un intérprete de juguete de verdad (help, ls, cat, echo, date, clear) con historial, Tab y pantalla CRT. Sin tocar el sistema.
Descargar gratisMundo Aqua: reproductor de 2007
Ventana de metal cepillado, semáforo de gel, pantalla LCD verde, barra acanalada y botones de cristal; reproducción simulada.
Descargar gratisMundo estilo suizo: índice tipográfico
Rojo, negro y blanco sobre rejilla estricta, cifras enormes y filas que se invierten al elegirlas, con detalle contiguo.
Descargar gratisMundo boceto: pantalla dibujada a mano
Trazo irregular con filtro SVG, tipografía manuscrita, notas adhesivas y un formulario que funciona; para prototipos que aún cambian.
Descargar gratis