Dónde mirar
183 webs que abrimos antes de empezar y mientras trabajamos. Galerías, secciones, motion, tipografía, código, DESIGN.md para agentes y herramientas de IA. Elegidas a mano, ninguna repetida.
DESIGN.md para agentes
Sistemas de diseño en texto, listos para pegar en Claude o Cursor
DesignMD.aiNuevoSistemas de diseño en markdown que tu agente puede leer, listos para meter en el proyecto.designmd.aiGuardar en Criterio
KageNuevoInspiración de UI real, cada pieza con el prompt que la reconstruye.kage.designGuardar en Criterio
Vibe PromptsNuevoPrompts ya hechos para dashboards y landings.vibeprompts.devGuardar en Criterio
Refero StylesDESIGN.md de marcas reales, medidos de la web en vivo. El modelo de nuestro botón.styles.refero.designGuardar en Criterio
Inspo MCPMás de 800 webs reales con capturas, componentes y un DESIGN.md por web, servidas a tu agente por MCP.inspomcp.devGuardar en Criterio
DesignMD.meGenera un DESIGN.md a partir de una URL.designmd.meGuardar en Criterio
Open DesignSistemas de diseño abiertos en formato para agentes.open-design.aiGuardar en Criterio
DesignMD SupplyColección de DESIGN.md descargables.designmd.supplyGuardar en Criterio
getdesign.mdExtrae el sistema de diseño de cualquier web.getdesign.mdGuardar en Criterio
NeuformSistemas de diseño generados para usar con agentes.neuform.aiGuardar en Criterio
Hyperbrowser Design MDExtracción automática de DESIGN.md con navegador headless.design-md.hyperbrowser.aiGuardar en Criterio
TypeUITipografía y tokens de UI en formato de terminal.typeui.shGuardar en Criterio
Galerías de webs
Landings y sites completos, curados a mano
Landing GalleryNuevoLandings recopiladas una a una, para recorrer por sección y estilo.landing.galleryGuardar en Criterio
UmanmadeNuevoDirectorio de trabajo digital hecho por humanos, para humanos.umanmade.comGuardar en Criterio
Recent.designLo mejor del diseño reciente, actualizado a diario.recent.designGuardar en Criterio
Goated UIWebs, interfaces, iconos de app e imágenes OG. Galería de craft actual.goatedui.devGuardar en Criterio
LandddingReferencias de landings con filtros por estilo y sector.landdding.comGuardar en Criterio
Curated.designSelección editorial de webs con criterio, sin ruido.curated.designGuardar en Criterio
Landing.loveLandings con vídeo de scroll para ver la animación sin abrirlas.landing.loveGuardar en Criterio
A1 GalleryGalería de webs recientes con gusto muy actual.a1.galleryGuardar en Criterio
InsporaArchivo de diseño visual reciente, más amplio que curado.inspora.designGuardar en Criterio
Dark.designSolo webs en modo oscuro.dark.designGuardar en Criterio
Loadmo.reWebs atrevidas vistas en móvil, con sus animaciones.loadmo.reGuardar en Criterio
Rebrand GalleryRebrandings: antes y después de marcas reales.rebrand.galleryGuardar en Criterio
Bento GridsLayouts tipo bento, la moda de los últimos años.bentogrids.comGuardar en Criterio
GridddyWebs organizadas por su sistema de grid.gridddy.framer.websiteGuardar en Criterio
Design SpellsPequeños detalles que hacen que una interfaz encante.designspells.comGuardar en Criterio
Best Designs on XDiseñadores y trabajos que circulan por X.bestdesignsonx.comGuardar en Criterio
Land-bookUna de las galerías clásicas de landings, enorme.land-book.comGuardar en Criterio
Lapa NinjaMiles de landings con filtros por categoría.lapa.ninjaGuardar en Criterio
SiteinspireGalería veterana con foco en webs limpias y tipográficas.siteinspire.comGuardar en Criterio
HttpsterWebs con actitud: tipografía grande y layouts raros.httpster.netGuardar en Criterio
Minimal GalleryWebs minimalistas, casi todas de portfolio o estudio.minimal.galleryGuardar en Criterio
AwwwardsPremios diarios. Mucho WebGL y mucho efecto.awwwards.comGuardar en Criterio
SeesawCuración holandesa, muy editorial.seesaw.websiteGuardar en Criterio
Site of SitesColección curada de webs, ordenada por lo que hace especial a cada una.siteofsites.coGuardar en Criterio
MaxibestofLo mejor de lo mejor: una selección corta y muy exigente.maxibestof.oneGuardar en Criterio
KlikkenthekeGalería holandesa de webs con mucho cuidado en la selección.klikkentheke.comGuardar en Criterio
Hover StatesWebs experimentales e interactivas. Lo raro y lo nuevo.hoverstat.esGuardar en Criterio
The ResponsiveCada web vista en escritorio y móvil a la vez, para juzgar el responsive.the-responsive.comGuardar en Criterio
LowwwDirectorio de webs minimalistas y ligeras, lo contrario de Awwwards.lowww.directoryGuardar en Criterio
The FWAPremios a webs innovadoras desde el año 2000. Historia viva de la web.thefwa.comGuardar en Criterio
SaaS y producto
Marketing de software y pantallas de app reales
SaaS Landing PageNuevoCientos de landings de SaaS, ordenadas por tipo de sección.saaslandingpage.comGuardar en Criterio
DesignforB2BNuevoWebs B2B elegidas a mano, filtrables por sector, estilo y ronda de financiación.designforb2b.comGuardar en Criterio
SaaspoWebs de SaaS organizadas por página: pricing, about, blog.saaspo.comGuardar en Criterio
SaaSFrameLandings y emails de SaaS con capturas a página completa.saasframe.ioGuardar en Criterio
One Page LoveWebs de una sola página, con su gestor de referencias OG.onepagelove.comGuardar en Criterio
ReferoCapturas de producto real: flujos, pantallas y componentes de apps.refero.designGuardar en Criterio
MobbinFlujos completos de apps móviles y web, el estándar del sector.mobbin.comGuardar en Criterio
ScreenlaneCapturas de UI web y móvil, gratis y sin registro.screenlane.comGuardar en Criterio
Page FlowsVídeos de flujos de usuario: onboarding, checkout, upgrade.pageflows.comGuardar en Criterio
Built by DesignersApps, herramientas y experimentos diseñados, construidos y lanzados por diseñadores.builtbydesigners.comGuardar en Criterio
Secciones y componentes
Cuando solo necesitas resolver un trozo de la página
The Component GalleryNuevoMás de 2.600 ejemplos de cómo los grandes sistemas de diseño resuelven el mismo elemento: botones, pestañas, modales.component.galleryGuardar en Criterio
Pricing PagesNuevoPáginas de precios, escogidas a mano.pricingpages.designGuardar en Criterio
DetailsNuevoLas piezas pequeñas de webs reales, ordenadas por tipo: botones, heros, footers, preloaders, transiciones de página. Se actualiza cada semana y se lo sirve a tu agente por MCP.details.soGuardar en Criterio
SupaheroSolo heros. Cientos de cabeceras de landing.supahero.ioGuardar en Criterio
Navbar GalleryBarras de navegación, con foco en el detalle.navbar.galleryGuardar en Criterio
Footer.designFooters, el trozo que siempre se deja para el final.footer.designGuardar en Criterio
CTA GalleryLlamadas a la acción que convierten.cta.galleryGuardar en Criterio
404s.designPáginas de error 404 con gracia.404s.designGuardar en Criterio
UnsectionSecciones sueltas de webs, clasificadas por tipo.unsection.comGuardar en Criterio
Posts.designLo mejor del diseño de posts para redes.posts.designGuardar en Criterio
Componentes con código
Bloques y kits listos para copiar o para conectar al agente
shadcn/uiNuevoLa librería de componentes que copian las demás: accesible, componible y tuya.ui.shadcn.comGuardar en Criterio
Aceternity UINuevoMás de 200 componentes animados en React y Tailwind, para copiar y pegar.ui.aceternity.comGuardar en Criterio
Magic UINuevoMás de 150 componentes y efectos animados para landings, sobre shadcn/ui.magicui.designGuardar en Criterio
Motion PrimitivesNuevoComponentes de UI con interacciones avanzadas, hechos con Motion.motion-primitives.comGuardar en Criterio
ShadcnblocksNuevoMás de 2.000 bloques de sección ya montados para shadcn/ui.shadcnblocks.comGuardar en Criterio
SmoothUINuevoComponentes animados sobre Motion y GSAP.smoothui.devGuardar en Criterio
UiverseNuevoMiles de elementos de UI open source en CSS y Tailwind, hechos por la comunidad.uiverse.ioGuardar en Criterio
Glass UI (Samasante)NuevoComponentes de refracción de cristal: liquid glass para la web.glass.samasante.comGuardar en Criterio
Reverse UINuevoComponentes de UI animados y listos para usar en apps modernas.reverseui.comGuardar en Criterio
Cult UINuevoComponentes, bloques animados y plantillas de shadcn, de código abierto, para copiar y pegar.cult-ui.comGuardar en Criterio
OriginkitLa mayor librería gratuita de componentes animados: código, Framer o por MCP.originkit.devGuardar en Criterio
BenchoBloques de UI vivos: los tocas, los ajustas y te los llevas al proyecto.bencho.devGuardar en Criterio
ObsidianUIComponentes React con Motion y Tailwind, pensados desde la animación.obsidianui.devGuardar en Criterio
UI by HalaskaKit de UI en un solo fichero para productos de IA, sobre shadcn. Un prompt y listo.ui.halaska.comGuardar en Criterio
21st.devComponentes de UI hechos por la comunidad, con código y prompt para pegarlos en el agente.21st.devGuardar en Criterio
useLayoutsNuevoComponentes de React animados y gratis (Framer Motion y Tailwind): los previsualizas y copias el código.uselayouts.comGuardar en Criterio
Arc UINuevoComponentes y bloques de React con animación, para instalar con la CLI de shadcn o que tu agente los monte desde su MCP.uiarc.devGuardar en Criterio
Beautiful UIComponentes pensados para interfaces con IA: chat, streaming, herramientas.beautifului.devGuardar en Criterio
vgpuLibrería WebGPU pensada para agentes; el ejemplo de la tarjeta holográfica lo resume.vgpu.shGuardar en Criterio
Motion e interacción
Animación, micro-interacciones y detalles en movimiento
dqnamo's KitchenNuevoEstudios de interfaz de dqnamo: un botón táctil, mantener para confirmar, un reproductor de cassette, un ticket. Cada uno una pequeña lección de detalle.dqnamo.comGuardar en Criterio
Kinetics (Colorion)NuevoMás de 150 efectos de movimiento, cada uno con su código en React y un prompt.kinetics.colorion.coGuardar en Criterio
MicrokitNuevoMicrointeracciones listas para usar.microkit.coGuardar en Criterio
Anime.jsNuevoMotor de animación ligero para la web, con playground.animejs.comGuardar en Criterio
60fpsAnimaciones e interacciones de UI grabadas en vídeo.60fps.designGuardar en Criterio
DetailNuevoPequeñas decisiones de diseño que dan el último pulido a una interfaz, curadas por Rene Wang.detail.designGuardar en Criterio
ScrolltideNuevoMás de 300 componentes animados y webs completas, cada uno con el prompt entero para rehacerlo en Claude o Cursor.scrolltide.coGuardar en Criterio
Prompt MotionNuevoGalería creciente de motion graphics hechos con Claude, cada uno junto al prompt o la skill que lo hizo, con crédito a su autor.prompt-motion.comGuardar en Criterio
AnimosDiseños en movimiento para presentar tu trabajo.animos.appGuardar en Criterio
Motion in DesignMotion con prompts listos para copiar y reproducir con IA.motionin.designGuardar en Criterio
MotionsitesWebs animadas con el prompt de IA para reproducir cada efecto.motionsites.aiGuardar en Criterio
Liquid Orb EditorEditor de orbes líquidos: ajusta el efecto y exporta el código.lersent001.github.ioGuardar en Criterio
3D y shaders
Three.js, shaders y por dónde aprenderlos: para cuando la web sale del plano
Three.jsNuevoLa librería 3D de la web, con los ejemplos que enseñan de lo que es capaz.threejs.orgGuardar en Criterio
ShadertoyNuevoEl editor y la comunidad de shaders: miles de efectos con su código.shadertoy.comGuardar en Criterio
The Book of ShadersNuevoIntroducción gratuita y paso a paso a los fragment shaders.thebookofshaders.comGuardar en Criterio
Three.js JourneyNuevoEl curso completo de Three.js de Bruno Simon, shaders incluidos.threejs-journey.comGuardar en Criterio
Recursos y herramientas
Assets, mockups y utilidades que ahorran horas
KitbitzNuevoMás de 2.000 ilustraciones dibujadas a mano.kitbitz.artGuardar en Criterio
3diconsNuevoIconos 3D open source, en varios estilos y ángulos.3dicons.coGuardar en Criterio
Design BookmarkNuevoColección de marcadores de diseño: herramientas, galerías y recursos en un solo sitio.designbookmark.comGuardar en Criterio
SearchSystemNuevoColección creciente de referencias y herramientas para diseñadores, de Julien Van Havere.searchsystem.coGuardar en Criterio
Logo To UseInspiración de logotipos, ordenados por estilo.logotouse.comGuardar en Criterio
HanoMockups 3D de dispositivos.hano.soGuardar en Criterio
GradientoolDegradados poco vistos, listos para copiar.gradientool.comGuardar en Criterio
ColirNuevoDegradados construidos con curvas editables, renderizados en WebGL.colir.spaceGuardar en Criterio
ToooooolsNuevoEfectos lo-fi para imagen y vídeo: dithering, halftone, tramas. Gratis y sin registro.tooooools.appGuardar en Criterio
DittherNuevoDither, ASCII y halftone sobre tus imágenes, en el navegador.ditther.comGuardar en Criterio
PixloNuevoConvierte un puñado de fotos en un vídeo resumen.pixlo.meGuardar en Criterio
Backgrounds SupplyFondos y texturas.backgrounds.supplyGuardar en Criterio
SupasteHistorial del portapapeles para macOS.supaste.comGuardar en Criterio
ModulifyConstruye webs con IA a partir de módulos.modulify.aiGuardar en Criterio
CloseitFirma de documentos rápida.closeit.fastGuardar en Criterio
TypewolfTipografía en uso: qué fuentes usan las webs que te gustan.typewolf.comGuardar en Criterio
Fonts In UseArchivo de tipografía aplicada en diseño real.fontsinuse.comGuardar en Criterio
Toools.designDirectorio gigante de recursos de diseño.toools.designGuardar en Criterio
playgrndMedio centenar de mini herramientas generativas, sin cuenta y todo en el navegador.playgrnd.toolsGuardar en Criterio
Light RailsEstudio de patrones de luz generativos, con mockups y showreel al momento.light-stroke-rail.vercel.appGuardar en Criterio
ReelfolioConvierte capturas y mockups en un showreel de portfolio en vídeo.reelfolio.ioGuardar en Criterio
SymblPrueba tu logo en contextos reales antes de enseñarlo.symbl.spaceGuardar en Criterio
SvglBiblioteca de logos en SVG, limpios y listos para usar.svgl.appGuardar en Criterio
DitherlandConvierte imágenes y vídeo en arte con tramado (dither).ditherland.leobecker.comGuardar en Criterio
Apps de Mac
Apps nativas bien hechas: para usarlas y para ver cómo se presenta un producto
DroppyNuevoUna Dynamic Island para el Mac: actividades en vivo, bandeja de ficheros, portapapeles y 41 extensiones.getdroppy.appGuardar en Criterio
WasdyNuevoSkills de Claude Code y servidores MCP que se activan y desactivan desde la barra de menús.wasdy.appGuardar en Criterio
ShhepitNuevoPausas de sonido cortas para despejarte tras una reunión, desde el Mac.shhepit.appGuardar en Criterio
MoorlineNuevoSoporte para fundadores de software: una bandeja nativa en Mac que no pierde de vista a ningún cliente hasta que tiene respuesta.moorline.appGuardar en Criterio
MaccelerateNuevoEspacios, Mission Control y Cmd-Tab a tu velocidad. Gratis y de código abierto.maccelerate.appGuardar en Criterio
Branding y gráfica
Identidad, editorial y tipografía: lo que alimenta a la web sin ser web
Deck GalleryNuevoDecks de presentación de marcas y estudios reales, para ver cómo se maqueta un pitch.deck.galleryGuardar en Criterio
Logo SystemNuevoSistemas de logo: la marca con sus variantes, retículas y usos, no solo el logo suelto.logosystem.coGuardar en Criterio
Brand GuidelinesNuevoArchivo de manuales de marca de empresas reales, para ver cómo se documenta una identidad.brandguidelines.netGuardar en Criterio
Icon MuseumNuevoGalería curada de iconos de app para iOS y macOS, de los mejores diseñadores.icon.museumGuardar en Criterio
LogggosNuevoCatálogo de logos bien diseñados, por sector, tema, tipografía y color.logggos.clubGuardar en Criterio
The Brand IdentityRevista de identidad visual: proyectos de branding contados con detalle.the-brandidentity.comGuardar en Criterio
VisuelleBlog veterano de diseño gráfico y branding, actualizado a diario.visuelle.co.ukGuardar en Criterio
Visual JournalArchivo italiano de branding y diseño editorial.visualjournal.itGuardar en Criterio
Type01Tipografía y cultura de diseño: fuentes, estudios y entrevistas.type-01.comGuardar en Criterio
Aesse StudioTumblr de referencias gráficas del estudio Aesse. Moodboard infinito.aessestudio.tumblr.comGuardar en Criterio
Tipografía y fundiciones
Fundiciones cuyas páginas de specimen ya son inspiración por sí solas
Claude TypeFundición francesa de tipografías con carácter, como Kalice. Specimens muy cuidados.claudetype.comGuardar en Criterio
Klim Type FoundrySöhne, Tiempos, Family. Los specimens son una lección.klim.co.nzGuardar en Criterio
Pangram PangramFundición muy usada en webs actuales. Pesos de prueba gratis para maquetar.pangrampangram.comGuardar en Criterio
Grilli TypeGT America, GT Sectra, GT Flexa. Specimens interactivos que juegan con la fuente.grillitype.comGuardar en Criterio
DinamoFundición de Berlín, experimental y juguetona. Web con mucha personalidad.abcdinamo.comGuardar en Criterio
Colophon FoundryLondres y Los Ángeles. Tipografías editoriales con specimens elegantes.colophon-foundry.orgGuardar en Criterio
Commercial TypeGraphik, Canela, Publico. Clásicos contemporáneos muy presentes en producto.commercialtype.comGuardar en Criterio
DisplaayFundición de Praga con gusto muy actual, entre lo geométrico y lo cálido.displaay.netGuardar en Criterio
Sharp TypeNueva York. Sharp Grotesk y familias enormes con specimens de mucha altura.sharptype.coGuardar en Criterio
Ohno TypeObviously, Degular. Fundición con humor y una web que lo demuestra.ohnotype.coGuardar en Criterio
Atipo FoundryFundición de Gijón. Paga lo que quieras y familias muy versátiles.atipofoundry.comGuardar en Criterio
Future FontsFuentes en desarrollo: compras barato ahora y recibes las versiones nuevas.futurefonts.xyzGuardar en Criterio
FontshareFuentes gratuitas de Indian Type Foundry con calidad de pago.fontshare.comGuardar en Criterio
Font Pairing (Monotype)Playground para ver dos fuentes funcionando juntas en una maqueta y buscar parejas.monotype.comGuardar en Criterio
VelvetyneTipografías libres y experimentales. Para cuando la marca puede arriesgar.velvetyne.frGuardar en Criterio
Desarrollo con agentes
Para construir con IA lo que has visto y para dar feedback sobre lo construido
SuperdesignNuevoAgente de diseño open source que bocetea UI y variantes dentro de tu editor.superdesign.devGuardar en Criterio
Ship StudioDonde vive esta app: preview en vivo, agentes y comentarios sobre la página, todo en un sitio.ship.studioGuardar en Criterio
AuraConstructor de UI con IA que parte de un estilo definido, no de un prompt en blanco.aura.buildGuardar en Criterio
AgentationExtensión para señalar elementos de la web y mandar el feedback directo al agente.agentation.comGuardar en Criterio
Claude CodeEl agente de Anthropic en la terminal, el que construye inspo.claude.comGuardar en Criterio
Codex (OpenAI)El agente de programación de OpenAI: terminal, app de escritorio y nube, con varios agentes trabajando en paralelo.chatgpt.comGuardar en Criterio
CursorEditor con agentes integrados, el estándar para programar con IA.cursor.comGuardar en Criterio
v0De Vercel: genera interfaces React con Tailwind y shadcn a partir de texto o capturas.v0.appGuardar en Criterio
LovableApps completas desde el chat, con backend y despliegue incluidos.lovable.devGuardar en Criterio
BoltPrototipos full-stack en el navegador, rápido para probar una idea.bolt.newGuardar en Criterio
PaperHerramienta de diseño vectorial con MCP: el agente lee y edita el diseño directamente.paper.designGuardar en Criterio
Magic PatternsPrototipos de UI con IA pensados para diseñadores de producto.magicpatterns.comGuardar en Criterio
Modelos
Los modelos que usamos y los frontier que conviene tener a mano
Jev (Typesafe AI)Modelo de clasificación System-1: rápido, barato y con probabilidades. Etiqueta las inspos de esta app.typesafe.aiGuardar en Criterio
Claude (Anthropic)Fable, Opus, Sonnet y Haiku. Redacta los DESIGN.md y describe las capturas de inspo.anthropic.comGuardar en Criterio
OpenAIGPT y o-series. El otro laboratorio de referencia.openai.comGuardar en Criterio
Gemini (Google DeepMind)Los modelos de Google, fuertes en contexto largo y multimodal.gemini.googleGuardar en Criterio
Grok (xAI)Los modelos de xAI, con acceso en tiempo real a X.x.aiGuardar en Criterio
MistralEl laboratorio europeo: modelos abiertos y de peso ligero.mistral.aiGuardar en Criterio
Llama (Meta)Los modelos abiertos de Meta, base de medio ecosistema open source.llama.comGuardar en Criterio
DeepSeekModelos abiertos chinos de razonamiento a coste muy bajo.deepseek.comGuardar en Criterio
Qwen (Alibaba)La familia abierta de Alibaba, muy usada en fine-tuning y local.qwen.aiGuardar en Criterio
Agentes
Agentes personales que actúan por ti: para entender hacia dónde va la interfaz
Muse (Meta)El agente personal de Meta: navega, rellena formularios, reserva y paga, y sigue trabajando con la app cerrada.muse.aiGuardar en Criterio
InstinctAsistente personal al que escribes o llamas; usa el móvil y el ordenador como una persona. Con invitación.instinct.coGuardar en Criterio
OpenClawAgente personal open source que corre en tu propia máquina y te responde desde WhatsApp, Telegram, Slack o iMessage. MIT, sin versión de pago.openclaw.aiGuardar en Criterio
Hermes Agent (Nous Research)Agente open source con memoria persistente que se crea sus propias skills y aprende de cada sesión. También en la nube, siempre encendido.hermes-agent.nousresearch.comGuardar en Criterio
Moodboards y newsletters
Para guardar lo que ves y para que te llegue sin buscar
Curated SupplyNewsletter semanal de objetos y diseño con gusto muy personal.curated.supplyGuardar en Criterio
SaveeMoodboards visuales, muy usado por estudios.savee.itGuardar en Criterio
CosmosGuarda y descubre imágenes sin algoritmo de por medio.cosmos.soGuardar en Criterio
Grey on XCuenta de X que comparte webs y diseño con muy buen ojo.x.comGuardar en Criterio
Morrre on InstagramCuenta de Instagram de referencias de diseño y UI.instagram.comGuardar en Criterio
on.designComunidad de diseñadores solo por invitación: perfiles, trabajo y estudios independientes.on.designGuardar en Criterio
Are.naBloques y canales para conectar referencias.are.naGuardar en Criterio
Nada con ese nombre. Prueba con otra palabra o elige todos los tipos.