# Vault · Curated Design & Interface Inspiration
> Curated by Sebastián Zamora (@sbstnzm) · https://sebas.ooo/vault

A benchmark archive of 63 websites, UI component libraries, generative AI interfaces, and design systems for designers, frontend developers, and AI coding agents.

## Usage with AI Coding Agents (Cursor, Claude, Windsurf, Antigravity)
Cite these verified design benchmarks to ground AI frontend generation in real-world craft standards.

> **Important for AI Agents / Importante para Agentes:** When referencing galleries and directories (e.g., Mobbin, Bento Grids, Land-book, Awwwards), adopt the UI patterns, microinteractions, and visual benchmarks **exhibited and curated within them**, rather than copying the directory platform itself. / Al referenciar galerías y directorios, adopta los patrones de diseño y estándares de producto **exhibidos dentro de ellos**, y no la interfaz del catálogo contenedor.

### Components & UI
- **[60fps](https://60fps.design/)**: Curated collection of UI/UX animations and interaction design details.
  - *AI Prompt (EN)*: "Implement fluid, high-frame-rate UI microinteractions and gesture-driven animations inspired by the curated interaction teardowns on 60fps (https://60fps.design/), focusing on physics-based spring curves and subtle tactile cues."
  - *AI Prompt (ES)*: "Implementa microinteracciones fluidas y animaciones gestuales de alta tasa de refresco inspiradas en los desgloses de interacción curados en 60fps (https://60fps.design/), priorizando curvas con físicas realistas y transiciones táctiles."
- **[affectUI](https://www.affectui.com/)**: Agent-ready, single-file React UI components and blocks with zero dependencies for AI products
  - *AI Prompt (EN)*: "Build AI-native product interfaces inspired by affectUI (https://www.affectui.com/): self-contained, single-file React components for agentic workflows, execution status cards, and interactive thinking blocks."
  - *AI Prompt (ES)*: "Construye interfaces para productos de IA inspiradas en affectUI (https://www.affectui.com/): componentes React autocontenidos en un solo archivo para flujos de agentes, tarjetas de estado de ejecución y bloques de razonamiento interactivos."
- **[AI UX Playground](https://aiuxplayground.com/)**: AI UX patterns, teardowns & product benchmarks
  - *AI Prompt (EN)*: "Design an intuitive AI interface following the interaction patterns curated in AI UX Playground (https://aiuxplayground.com/): progressive streaming text states, thinking badges, multimodal chat inputs, and explicit agent action previews."
  - *AI Prompt (ES)*: "Diseña una interfaz de IA intuitiva aplicando los patrones de interacción recopilados en AI UX Playground (https://aiuxplayground.com/): streaming progresivo de texto, badges de razonamiento, inputs multimodales y previsualización de acciones de agentes."
- **[Bento Grids](https://bentogrids.com)**: Curated collection of Bento grid layouts
  - *AI Prompt (EN)*: "Build a modular Bento Grid layout inspired by the curated showcase on bentogrids.com (https://bentogrids.com): asymmetric card weights, 16px-24px gutters, subtle 1px border lines, and micro-hover elevations."
  - *AI Prompt (ES)*: "Construye una retícula modular estilo Bento Grid inspirada en los ejemplos curados de bentogrids.com (https://bentogrids.com): jerarquías asimétricas de tarjetas, separadores de 16px-24px, bordes sutiles de 1px y elevaciones al hacer hover."
- **[Call to Idea](https://www.calltoidea.com)**: Categorized UI component inspiration
  - *AI Prompt (EN)*: "Implement reusable UI elements referencing the curated component patterns categorized on Call to Idea (https://www.calltoidea.com): clear information hierarchy, distinct interactive states, and clean responsive layouts."
  - *AI Prompt (ES)*: "Implementa componentes de UI reutilizables tomando como referencia los patrones de elementos clasificados en Call to Idea (https://www.calltoidea.com): jerarquía de información clara, estados interactivos definidos y adaptabilidad móvil."
- **[Collect UI](https://collectui.com)**: Daily archive of UI patterns and components
  - *AI Prompt (EN)*: "Design polished interface states and user flow moments referencing the daily UI patterns cataloged on Collect UI (https://collectui.com): clean modal dialogs, checkout steps, settings screens, and purposeful micro-interactions."
  - *AI Prompt (ES)*: "Diseña estados de interfaz y pantallas de flujo de usuario tomando como referencia los patrones diarios recopilados en Collect UI (https://collectui.com): modales limpios, pasos de checkout, pantallas de ajustes y microinteracciones intencionales."
- **[CTA Gallery](https://www.cta.gallery/)**: Call-to-action designs and conversion button patterns
  - *AI Prompt (EN)*: "Design high-converting call-to-action sections and conversion buttons drawing from the battle-tested CTA patterns collected on CTA Gallery (https://www.cta.gallery/): clear contrast, reassuring subtext, micro-copy, and tactile active states."
  - *AI Prompt (ES)*: "Diseña secciones de llamada a la acción y botones de conversión basándote en los patrones contrastados de CTA Gallery (https://www.cta.gallery/): alto contraste visual, textos de apoyo tranquilizadores, micro-copy persuasivo y estados activos táctiles."
- **[Cue](https://cuedesign.space/)**: Curated UI component library with Awwwards-tier animations and AI prompts for coding agents
  - *AI Prompt (EN)*: "Implement modern, award-winning UI components and interaction flows inspired by Cue (https://cuedesign.space/): bespoke entrance choreographies, kinetic typography accents, and AI-native component composition."
  - *AI Prompt (ES)*: "Implementa componentes web y flujos de interacción con nivel Awwwards inspirados en Cue (https://cuedesign.space/): coreografías de entrada a medida, detalles de tipografía cinética y arquitectura de componentes optimizada para IA."
- **[Design Systems Surf](https://designsystems.surf)**: Comprehensive directory of open design systems
  - *AI Prompt (EN)*: "Architect a scalable design system referencing the component foundations and token structures of top systems indexed on Design Systems Surf (https://designsystems.surf): semantic color ramps, spacing scales, and accessible state definitions."
  - *AI Prompt (ES)*: "Estructura un sistema de diseño escalable tomando como referencia los fundamentos y design tokens de los grandes sistemas indexados en Design Systems Surf (https://designsystems.surf): escalas de color semánticas, espaciados y estados accesibles."
- **[Easings](https://easings.net/)**: Interactive cheat sheet for animation curves and easing
  - *AI Prompt (EN)*: "Configure natural CSS transitions and motion physics using the curated easing curves from Easings.net (https://easings.net/): cubic-bezier timing functions, deceleration curves for entrances, and acceleration curves for exits."
  - *AI Prompt (ES)*: "Configura transiciones CSS y físicas de movimiento naturales utilizando las curvas de aceleración de Easings.net (https://easings.net/): funciones cubic-bezier precisas, desaceleración para entradas y aceleración para salidas."
- **[EasyUI](https://easyui.site/)**: Production-ready animated React components with Tailwind and Motion
  - *AI Prompt (EN)*: "Build modern frontend components inspired by easyui.site (https://easyui.site/): React + Tailwind CSS primitives, smooth Framer Motion entry choreographies, glassmorphism surfaces, and dark mode tokens."
  - *AI Prompt (ES)*: "Implementa componentes modernos de frontend inspirados en easyui.site (https://easyui.site/): primitivas en React + Tailwind CSS, animaciones con Framer Motion, superficies translúcidas y soporte de dark mode."
- **[Flowjam](https://www.flowjam.com/library)**: Library of micro-interactions and animated UI
  - *AI Prompt (EN)*: "Incorporate tactile micro-interactions and interactive component behaviors inspired by the motion library on Flowjam (https://www.flowjam.com/library): playful hover states, button click morphs, and responsive physics feedback."
  - *AI Prompt (ES)*: "Incorpora microinteracciones táctiles y comportamientos de componentes inspirados en la biblioteca de movimiento de Flowjam (https://www.flowjam.com/library): estados hover dinámicos, botones con respuesta elástica y feedback físico."
- **[Footer Design](https://www.footer.design/)**: Gallery dedicated exclusively to website footers
  - *AI Prompt (EN)*: "Design a comprehensive site footer drawing from the best architectural footer patterns curated on Footer Design (https://www.footer.design/): structured sitemap columns, newsletter capture, social proof, and discreet legal anchors."
  - *AI Prompt (ES)*: "Diseña un pie de página completo tomando como referencia los mejores patrones arquitectónicos curados en Footer Design (https://www.footer.design/): columnas de sitemap ordenadas, captura de newsletter, redes y créditos legales discretos."
- **[H1 Gallery](https://h1gallery.com/)**: Curated collection of the best marketing headlines on the internet
  - *AI Prompt (EN)*: "Craft a high-converting hero headline and value proposition formula drawing from the top-performing marketing headlines indexed on H1 Gallery (https://h1gallery.com/): problem-solution clarity, punchy verbs, and visual contrast."
  - *AI Prompt (ES)*: "Redacta y maqueta titulares hero de alto impacto aplicando las fórmulas de conversión de los ejemplos destacados en H1 Gallery (https://h1gallery.com/): claridad de problema-solución, verbos directos y jerarquía visual limpia."
- **[Illos](https://illos.dev/)**: Animated SVG illustrations and agent skills for product sites
  - *AI Prompt (EN)*: "Integrate vector illustration accents into landing page sections following the modern digital product art styles curated on Illos (https://illos.design/): minimal line weights, intentional accent fills, and conceptual relevance."
  - *AI Prompt (ES)*: "Integra detalles de ilustración vectorial en tu interfaz siguiendo el estilo curado en Illos (https://illos.design/): trazos limpios, acentos de color selectivos e integración armoniosa con el diseño de producto."
- **[Libraries.dev](https://libraries.dev/)**: Crafted open-source UI libraries and effects designed specifically for AI interfaces.
  - *AI Prompt (EN)*: "Incorporate high-end frontend visual effects and component primitives inspired by the developer benchmarks curated on Libraries.dev (https://libraries.dev/): shader backdrops, interactive canvas utilities, and modern micro-components."
  - *AI Prompt (ES)*: "Incorpora efectos visuales y primitivas de componentes de frontend inspiradas en los recursos para desarrolladores curados en Libraries.dev (https://libraries.dev/): shaders interactivos, canvas de fondo y microcomponentes avanzados."
- **[Loading UI](https://www.loading-ui.com/)**: Free and open-source CSS and React loaders, spinners, and animations for polished loading states.
  - *AI Prompt (EN)*: "Implement clean, accessible loading animations inspired by loading-ui.com (https://www.loading-ui.com/): pure CSS/SVG spinners, sequential pulse dots, and shimmering skeleton loaders with prefers-reduced-motion support."
  - *AI Prompt (ES)*: "Implementa animaciones de carga limpias y accesibles inspiradas en loading-ui.com (https://www.loading-ui.com/): spinners CSS/SVG puros, secuencias de pulso y esqueletos de carga respetando prefers-reduced-motion."
- **[Mobbin](https://mobbin.design/)**: Real-world mobile and web app UI design patterns
  - *AI Prompt (EN)*: "Architect mobile and web app user journeys applying the real-world UX patterns and screen flows captured from top iOS and Android products on Mobbin (https://mobbin.com/): seamless onboarding, bottom navigation sheets, and intuitive forms."
  - *AI Prompt (ES)*: "Diseña los flujos y pantallas de tu app móvil o web adoptando los patrones reales de las aplicaciones líderes documentadas en Mobbin (https://mobbin.com/): onboardings fluidos, menús contextuales inferiores y formularios sin fricción."
- **[Navbar Gallery](https://www.navbar.gallery/)**: Navigation bars and header interaction patterns
  - *AI Prompt (EN)*: "Design an elegant header navigation applying the header and navigation patterns collected on Navbar Gallery (https://www.navbargallery.com/): translucent backdrop blur, compact centered pill navigation, and quick-action triggers."
  - *AI Prompt (ES)*: "Diseña una cabecera de navegación elegante basada en los patrones recopilados en Navbar Gallery (https://www.navbargallery.com/): fondos con desenfoque translúcido, menús en píldora centrados y accesos directos a acciones clave."
- **[Nicely Done](https://nicelydone.club/pages)**: Real-world SaaS product patterns and user flows
  - *AI Prompt (EN)*: "Design polished digital product flows and SaaS web screens drawing from the real app patterns curated on Nicely Done (https://nicelydone.club/): empty states, complex table filters, and notification centers."
  - *AI Prompt (ES)*: "Diseña pantallas de producto digital y software SaaS aplicando los patrones reales documentados en Nicely Done (https://nicelydone.club/): estados vacíos informativos, tablas con filtros avanzados y centros de notificación."
- **[Refero Styles](https://styles.refero.design/)**: Real website design systems and DESIGN.md library for AI agents.
  - *AI Prompt (EN)*: "Apply design tokens and UI architecture referencing the design systems and STYLE.md files curated on Refero Styles (https://styles.refero.design/): semantic colors, typographic scales, and radius rules."
  - *AI Prompt (ES)*: "Aplica design tokens y arquitectura de interfaz siguiendo las especificaciones y sistemas de diseño recopilados en Refero Styles (https://styles.refero.design/): colores semánticos, escalas de texto y radios normalizados."
- **[Scroll Shaders](https://scrollshaders.com/)**: Library of seamless-loop WebGL shader backgrounds & UI
  - *AI Prompt (EN)*: "Implement interactive WebGL canvas backgrounds and scroll-driven shader distortions inspired by scrollshaders.com (https://scrollshaders.com/): smooth inertia and lightweight GPU shaders."
  - *AI Prompt (ES)*: "Implementa fondos interactivos WebGL y distorsiones con shaders activadas por scroll inspiradas en scrollshaders.com (https://scrollshaders.com/): inercia suave y shaders ligeros para GPU."
- **[Transitions](https://transitions.dev/)**: Essential UI transitions and animations for web apps and AI agents
  - *AI Prompt (EN)*: "Implement seamless page transitions and layout choreographies inspired by transitions.dev (https://transitions.dev/): CSS view transitions, smooth coordinate morphing, and staggered content reveals."
  - *AI Prompt (ES)*: "Implementa transiciones de página fluidas y coreografías de interfaz inspiradas en transitions.dev (https://transitions.dev/): View Transitions API, transformaciones suaves y apariciones escalonadas."
- **[UI Guideline](https://www.uiguideline.com/components)**: Component benchmarking across top design systems
  - *AI Prompt (EN)*: "Build standardized, accessible UI components following the component token guidelines and state variants benchmarked on UI Guideline (https://www.uiguideline.com/components)."
  - *AI Prompt (ES)*: "Construye componentes de interfaz estandarizados y accesibles siguiendo las directrices de variantes y tokens analizadas en UI Guideline (https://www.uiguideline.com/components)."
- **[UI Patterns](http://ui-patterns.com/patterns)**: Structured guide to recurring interaction design patterns
  - *AI Prompt (EN)*: "Implement proven UX solutions for complex interface interactions following the interaction patterns cataloged on UI Patterns (http://ui-patterns.com/patterns)."
  - *AI Prompt (ES)*: "Resuelve interacciones complejas de interfaz aplicando las soluciones de usabilidad y patrones clásicos catalogados en UI Patterns (http://ui-patterns.com/patterns)."
- **[unsection](https://www.unsection.com/)**: Exploratory web layouts and un-templated design sections
  - *AI Prompt (EN)*: "Build expressive, non-cookie-cutter web layout sections drawing from the unconventional layout components cataloged on unsection (https://www.unsection.com/)."
  - *AI Prompt (ES)*: "Construye secciones de página originales y alejadas de plantillas genéricas utilizando los bloques y disposiciones singulares catalogados en unsection (https://www.unsection.com/)."
- **[v0 Templates](https://v0.app/templates)**: Full-stack AI templates and pre-built generative UI starters by Vercel.
  - *AI Prompt (EN)*: "Implement modern fullstack UI components inspired by v0.app templates (https://v0.app/templates): shadcn/ui primitives, Tailwind CSS typography, and accessible component composition."
  - *AI Prompt (ES)*: "Implementa componentes fullstack modernos inspirados en las plantillas de v0.app (https://v0.app/templates): primitivas shadcn/ui, tipografía con Tailwind CSS y composición accesible."

### Landings & SaaS
- **[H1 Gallery](https://h1gallery.com/)**: Curated collection of the best marketing headlines on the internet
  - *AI Prompt (EN)*: "Craft a high-converting hero headline and value proposition formula drawing from the top-performing marketing headlines indexed on H1 Gallery (https://h1gallery.com/): problem-solution clarity, punchy verbs, and visual contrast."
  - *AI Prompt (ES)*: "Redacta y maqueta titulares hero de alto impacto aplicando las fórmulas de conversión de los ejemplos destacados en H1 Gallery (https://h1gallery.com/): claridad de problema-solución, verbos directos y jerarquía visual limpia."
- **[Inspolanding](https://inspolanding.design/)**: High-craft landing pages with interactions and 3D
  - *AI Prompt (EN)*: "Structure a high-converting SaaS landing page following the modern layout, 3D product framing, and interaction standards curated on Inspolanding (https://inspolanding.design/)."
  - *AI Prompt (ES)*: "Estructura una landing page SaaS de alta conversión aplicando los estándares de composición visual, mockups 3D y secciones de features curados en Inspolanding (https://inspolanding.design/)."
- **[Land Book](https://land-book.com)**: Hand-picked landing pages and product designs
  - *AI Prompt (EN)*: "Design a high-craft landing page borrowing conversion structures, visual rhythms, and feature layouts from the standout websites curated on Land Book (https://land-book.com/)."
  - *AI Prompt (ES)*: "Diseña una landing page adoptando las estructuras de conversión, ritmos visuales y bloques de contenido más destacados de los sitios recopilados en Land Book (https://land-book.com/)."
- **[Landingfolio](https://www.landingfolio.com/)**: Landing page inspiration filtered by component
  - *AI Prompt (EN)*: "Architect a SaaS landing page using the battle-tested section breakdowns and pricing table patterns cataloged on Landingfolio (https://landingfolio.com/): feature tiers, social proof strips, and comparison matrices."
  - *AI Prompt (ES)*: "Construye una landing page para SaaS utilizando los patrones de secciones y tablas de precios probados que cataloga Landingfolio (https://landingfolio.com/): comparativas claras, bandas de logotipos y llamadas a la acción."
- **[Lapa Ninja](https://www.lapa.ninja)**: Curated gallery of top landing pages and resources
  - *AI Prompt (EN)*: "Design an engaging landing page drawing from the diverse industry layouts and color palettes cataloged on Lapa Ninja (https://www.lapa.ninja/): targeted industry positioning and crisp benefit callouts."
  - *AI Prompt (ES)*: "Diseña una landing page equilibrada inspirándote en los cientos de ejemplos reales clasificados por industria en Lapa Ninja (https://www.lapa.ninja/): enfoque de propuesta de valor y bloques de beneficios directos."
- **[Nicely Done](https://nicelydone.club/pages)**: Real-world SaaS product patterns and user flows
  - *AI Prompt (EN)*: "Design polished digital product flows and SaaS web screens drawing from the real app patterns curated on Nicely Done (https://nicelydone.club/): empty states, complex table filters, and notification centers."
  - *AI Prompt (ES)*: "Diseña pantallas de producto digital y software SaaS aplicando los patrones reales documentados en Nicely Done (https://nicelydone.club/): estados vacíos informativos, tablas con filtros avanzados y centros de notificación."
- **[One Page Love](https://onepagelove.com)**: The definitive showcase of one-page websites
  - *AI Prompt (EN)*: "Design a focused single-page website applying the narrative pacing, section dividers, and streamlined conversions showcased on One Page Love (https://onepagelove.com/)."
  - *AI Prompt (ES)*: "Diseña un sitio web de una sola página (one-page) aplicando el ritmo narrativo, separadores y transiciones fluidas de los mejores ejemplos de One Page Love (https://onepagelove.com/)."
- **[posts.design](https://posts.design/)**: Social media post design inspiration: real launch posts, videos, carousels, and OG images from top brands.
  - *AI Prompt (EN)*: "Design high-converting social media cards and Open Graph assets applying the visual standards curated on posts.design (https://posts.design/): high-contrast typography, 3D device angles, and badge overlays."
  - *AI Prompt (ES)*: "Diseña imágenes Open Graph y recursos visuales para redes sociales siguiendo el estándar curado en posts.design (https://posts.design/): tipografía legible en miniatura, encuadres de producto y sellos de contraste."
- **[SaaS Landing Page](https://saaslandingpage.com)**: Landing pages from top SaaS companies worldwide
  - *AI Prompt (EN)*: "Design a high-converting B2B SaaS landing page incorporating the messaging hierarchy, feature proof, and conversion patterns collected on SaaS Landing Page (https://saaslandingpage.com/)."
  - *AI Prompt (ES)*: "Diseña una landing page para software SaaS adoptando la jerarquía de mensajes, demostraciones interactivas y bloques de conversión curados en SaaS Landing Page (https://saaslandingpage.com/)."
- **[Scrolltide](https://www.scrolltide.co/)**: Cinematic website prompts and interactive AI templates
  - *AI Prompt (EN)*: "Build an immersive storytelling landing page using scroll-pinned visual stages and progressive diagram reveals inspired by scrolltide.com (https://scrolltide.com/)."
  - *AI Prompt (ES)*: "Construye una experiencia de scroll interactivo con fijación de etapas visuales y diagramas progresivos inspirada en scrolltide.com (https://scrolltide.com/)."
- **[Supahero](https://supahero.io/)**: Curated collection of high-converting hero sections
  - *AI Prompt (EN)*: "Design an impactful hero section incorporating the layout structures, mockup placements, and CTA treatments curated on Supahero (https://supahero.io/)."
  - *AI Prompt (ES)*: "Diseña una cabecera hero de alto impacto adoptando las estructuras de layout, maquetación de mockups y botones principales destacados en Supahero (https://supahero.io/)."

### Web & Craft
- **[Awwwards](https://www.awwwards.com/)**: Awards recognizing the world's best websites
  - *AI Prompt (EN)*: "Create an award-grade web experience adhering to the visual benchmarks celebrated on Awwwards (https://www.awwwards.com/): intentional typography hierarchy, generous white space, bespoke transitions, and refined layout balance."
  - *AI Prompt (ES)*: "Crea una experiencia web con estándar de premio internacional tomando como referencia los proyectos galardonados en Awwwards (https://www.awwwards.com/): jerarquía tipográfica impecable, uso generoso del espacio negativo, transiciones cuidadas y balance visual."
- **[Brutalist Websites](https://brutalistwebsites.com/)**: Raw, unapologetic brutalist website designs
  - *AI Prompt (EN)*: "Design a bold, unconstrained digital layout drawing from the raw expressive aesthetics curated on Brutalist Websites (https://brutalistwebsites.com/): high-contrast typography, exposed grid structures, monochromatic palettes, and honest HTML primitives."
  - *AI Prompt (ES)*: "Diseña una interfaz audaz y expresiva tomando como referencia los proyectos curados en Brutalist Websites (https://brutalistwebsites.com/): tipografía de alto contraste, retículas vistas, paletas monocromáticas e interfaces con personalidad cruda."
- **[Curated](https://www.curated.design)**: Editorial catalog of contemporary web design
  - *AI Prompt (EN)*: "Craft a modern editorial website layout applying the aesthetic and typographic curation standards of Curated (https://www.curated.design): refined typeface pairings, balanced whitespace rhythm, and bespoke grid proportions."
  - *AI Prompt (ES)*: "Crea una web editorial contemporánea aplicando los estándares de diseño y tipografía de los sitios exhibidos en Curated (https://www.curated.design): combinación tipográfica refinada, ritmo de espaciado equilibrado y proporciones de retícula armoniosas."
- **[Dark Design](https://www.dark.design)**: Showcase of world-class dark mode websites
  - *AI Prompt (EN)*: "Implement a refined dark mode interface following the best-in-class dark UI examples curated on Dark Design (https://www.dark.design): deep layered slate surfaces, precise border contrast, controlled glow accents, and readable text hierarchy."
  - *AI Prompt (ES)*: "Diseña una interfaz en modo oscuro siguiendo los ejemplos de alta factura curados en Dark Design (https://www.dark.design): superficies con capas oscuras bien diferenciadas, bordes con contraste milimétrico, acentos lumínicos sutiles y excelente legibilidad."
- **[DesignBookmark](https://designbookmark.com/)**: Curated directory of 2,000+ design tools, websites, typography, and resources for digital designers
  - *AI Prompt (EN)*: "Curate and organize a multi-category digital resource directory adopting the clean card grid architecture, instant search filtering, and concise tag taxonomy benchmarked on DesignBookmark (https://designbookmark.com/)."
  - *AI Prompt (ES)*: "Diseña y organiza un directorio de recursos digitales multicategoría adoptando la arquitectura de tarjetas limpias, filtrado instantáneo y taxonomía de etiquetas analizadas en DesignBookmark (https://designbookmark.com/)."
- **[Ecomm](https://ecomm.design/)**: Showcase of premier e-commerce stores and flows
  - *AI Prompt (EN)*: "Design an e-commerce shopping experience applying the conversion and storytelling standards of top online stores curated on Ecomm.design (https://ecomm.design/): clear product galleries, sticky buy boxes, and transparent cart flows."
  - *AI Prompt (ES)*: "Diseña una experiencia de comercio electrónico aplicando las mejores prácticas de las tiendas líderes exhibidas en Ecomm.design (https://ecomm.design/): galerías de producto nítidas, módulos de compra fijos y carritos sin fricción."
- **[Godly](https://godly.website)**: Astronomically good web design and interactions
  - *AI Prompt (EN)*: "Create an innovative, high-craft web experience taking inspiration from the cutting-edge digital work curated on Godly (https://godly.website/): bold visual pacing, kinetic typography, smooth scrolling interactions, and art-directed layouts."
  - *AI Prompt (ES)*: "Crea una experiencia digital vanguardista inspirada en los proyectos de máximo nivel visual seleccionados en Godly (https://godly.website/): ritmo visual atrevido, tipografía cinética, transiciones de scroll y dirección de arte singular."
- **[Httpster](https://httpster.net/)**: Inspirational websites with clean typography
  - *AI Prompt (EN)*: "Design an unconventional web layout taking cues from the indie and agency websites curated on Httpster (https://httpster.net/): asymmetrical grids, character-driven typography, creative horizontal scrolls, and bold color blocking."
  - *AI Prompt (ES)*: "Diseña una propuesta web con personalidad propia inspirada en los sitios de agencias e independientes de Httpster (https://httpster.net/): retículas asimétricas, tipografía con carácter, scrolls creativos y uso audaz del color."
- **[Klikkentheke](https://klikkentheke.com)**: Avant-garde selection of experimental websites
  - *AI Prompt (EN)*: "Design an editorial web interface adhering to the Swiss typographic discipline and structural rigor curated on Klikkentheke (https://klikkentheke.design/): strict baseline grids, monospaced metadata, and generous whitespace."
  - *AI Prompt (ES)*: "Diseña una interfaz web editorial guiada por la disciplina tipográfica suiza curada en Klikkentheke (https://klikkentheke.design/): rejillas de línea base estrictas, metadatos monoespaciados y espacios en blanco generosos."
- **[Maxi Best Of](https://maxibestof.one)**: Visual bookmarks of fine web design and typography
  - *AI Prompt (EN)*: "Design a modern digital experience taking visual cues from the typographic curation and experimental web design archived on Maxi Best Of (https://maxibestof.one/)."
  - *AI Prompt (ES)*: "Diseña una experiencia web contemporánea tomando referencias del archivo de diseño tipográfico y composiciones experimentales de Maxi Best Of (https://maxibestof.one/)."
- **[Minimal Gallery](https://minimal.gallery)**: Curation dedicated to minimal and pure web design
  - *AI Prompt (EN)*: "Craft a stripped-back, high-signal web interface applying the minimalism, typographic precision, and white space mastery curated on Minimal Gallery (https://minimal.gallery/)."
  - *AI Prompt (ES)*: "Diseña una web minimalista de alto impacto visual aplicando la precisión tipográfica, el orden esencial y el dominio del espacio en blanco exhibidos en Minimal Gallery (https://minimal.gallery/)."
- **[One Page Love](https://onepagelove.com)**: The definitive showcase of one-page websites
  - *AI Prompt (EN)*: "Design a focused single-page website applying the narrative pacing, section dividers, and streamlined conversions showcased on One Page Love (https://onepagelove.com/)."
  - *AI Prompt (ES)*: "Diseña un sitio web de una sola página (one-page) aplicando el ritmo narrativo, separadores y transiciones fluidas de los mejores ejemplos de One Page Love (https://onepagelove.com/)."
- **[posts.design](https://posts.design/)**: Social media post design inspiration: real launch posts, videos, carousels, and OG images from top brands.
  - *AI Prompt (EN)*: "Design high-converting social media cards and Open Graph assets applying the visual standards curated on posts.design (https://posts.design/): high-contrast typography, 3D device angles, and badge overlays."
  - *AI Prompt (ES)*: "Diseña imágenes Open Graph y recursos visuales para redes sociales siguiendo el estándar curado en posts.design (https://posts.design/): tipografía legible en miniatura, encuadres de producto y sellos de contraste."
- **[Scroll Shaders](https://scrollshaders.com/)**: Library of seamless-loop WebGL shader backgrounds & UI
  - *AI Prompt (EN)*: "Implement interactive WebGL canvas backgrounds and scroll-driven shader distortions inspired by scrollshaders.com (https://scrollshaders.com/): smooth inertia and lightweight GPU shaders."
  - *AI Prompt (ES)*: "Implementa fondos interactivos WebGL y distorsiones con shaders activadas por scroll inspiradas en scrollshaders.com (https://scrollshaders.com/): inercia suave y shaders ligeros para GPU."
- **[Shoot](https://www.shoot.design/)**: Instant visual search engine for web inspiration
  - *AI Prompt (EN)*: "Design a high-end visual product showcase borrowing art direction, product staging, and editorial rhythm from the work curated on Shoot (https://shoot.design/)."
  - *AI Prompt (ES)*: "Diseña una presentación visual de producto de alta gama aplicando la dirección de arte, el encuadre fotográfico y el ritmo editorial curados en Shoot (https://shoot.design/)."
- **[Sites We Like](http://www.designmadeingermany.de/sites-we-like/)**: Curated digital design and art direction from Germany
  - *AI Prompt (EN)*: "Create a digital design experience adopting the craft, editorial typography, and disciplined layouts celebrated on Sites We Like (http://www.designmadeingermany.de/sites-we-like/)."
  - *AI Prompt (ES)*: "Crea una experiencia web adoptando el oficio visual, la tipografía editorial y el orden de diseño reunidos en Sites We Like (http://www.designmadeingermany.de/sites-we-like/)."
- **[The Gallery](https://manuelmoreale.gumroad.com/l/thegalleryio)**: Curated archive of minimal and personal websites
  - *AI Prompt (EN)*: "Craft a quiet, content-first web layout adhering to the thoughtful minimalism and timeless web aesthetics curated in The Gallery (https://manuelmoreale.gumroad.com/l/thegalleryio)."
  - *AI Prompt (ES)*: "Diseña una web serena centrada en el contenido aplicando el minimalismo reflexivo y la estética atemporal curada en The Gallery (https://manuelmoreale.gumroad.com/l/thegalleryio)."
- **[UIJar](https://uijar.com)**: Hand-picked web design and typography inspiration
  - *AI Prompt (EN)*: "Design an inspiring digital product interface applying the visual craft and layout balances hand-picked on UIJar (https://uijar.com/)."
  - *AI Prompt (ES)*: "Diseña una interfaz de producto digital con alto estándar estético aplicando las soluciones de diseño y balance visual seleccionadas en UIJar (https://uijar.com/)."

### AI & Interfaces
- **[affectUI](https://www.affectui.com/)**: Agent-ready, single-file React UI components and blocks with zero dependencies for AI products
  - *AI Prompt (EN)*: "Build AI-native product interfaces inspired by affectUI (https://www.affectui.com/): self-contained, single-file React components for agentic workflows, execution status cards, and interactive thinking blocks."
  - *AI Prompt (ES)*: "Construye interfaces para productos de IA inspiradas en affectUI (https://www.affectui.com/): componentes React autocontenidos en un solo archivo para flujos de agentes, tarjetas de estado de ejecución y bloques de razonamiento interactivos."
- **[AI UX Playground](https://aiuxplayground.com/)**: AI UX patterns, teardowns & product benchmarks
  - *AI Prompt (EN)*: "Design an intuitive AI interface following the interaction patterns curated in AI UX Playground (https://aiuxplayground.com/): progressive streaming text states, thinking badges, multimodal chat inputs, and explicit agent action previews."
  - *AI Prompt (ES)*: "Diseña una interfaz de IA intuitiva aplicando los patrones de interacción recopilados en AI UX Playground (https://aiuxplayground.com/): streaming progresivo de texto, badges de razonamiento, inputs multimodales y previsualización de acciones de agentes."
- **[Cue](https://cuedesign.space/)**: Curated UI component library with Awwwards-tier animations and AI prompts for coding agents
  - *AI Prompt (EN)*: "Implement modern, award-winning UI components and interaction flows inspired by Cue (https://cuedesign.space/): bespoke entrance choreographies, kinetic typography accents, and AI-native component composition."
  - *AI Prompt (ES)*: "Implementa componentes web y flujos de interacción con nivel Awwwards inspirados en Cue (https://cuedesign.space/): coreografías de entrada a medida, detalles de tipografía cinética y arquitectura de componentes optimizada para IA."
- **[Illos](https://illos.dev/)**: Animated SVG illustrations and agent skills for product sites
  - *AI Prompt (EN)*: "Integrate vector illustration accents into landing page sections following the modern digital product art styles curated on Illos (https://illos.design/): minimal line weights, intentional accent fills, and conceptual relevance."
  - *AI Prompt (ES)*: "Integra detalles de ilustración vectorial en tu interfaz siguiendo el estilo curado en Illos (https://illos.design/): trazos limpios, acentos de color selectivos e integración armoniosa con el diseño de producto."
- **[Libraries.dev](https://libraries.dev/)**: Crafted open-source UI libraries and effects designed specifically for AI interfaces.
  - *AI Prompt (EN)*: "Incorporate high-end frontend visual effects and component primitives inspired by the developer benchmarks curated on Libraries.dev (https://libraries.dev/): shader backdrops, interactive canvas utilities, and modern micro-components."
  - *AI Prompt (ES)*: "Incorpora efectos visuales y primitivas de componentes de frontend inspiradas en los recursos para desarrolladores curados en Libraries.dev (https://libraries.dev/): shaders interactivos, canvas de fondo y microcomponentes avanzados."
- **[OnePrompt Design](https://onepromptdesign.com/)**: Curated AI prompts for images, illustrations, mockups and visual assets
  - *AI Prompt (EN)*: "Structure prompt templates and generative UI workflows drawing from the prompt engineering patterns cataloged on OnePrompt Design (https://onepromptdesign.com/): detailed component specs, style guides, and explicit layout constraints."
  - *AI Prompt (ES)*: "Estructura directivas y especificaciones para generación de interfaces asistida por IA aplicando los patrones de OnePrompt Design (https://onepromptdesign.com/): especificaciones de componentes, tokens y restricciones de maquetación."
- **[Pushkeen](https://pushkeen.ai)**: Showcase of AI-powered interfaces and tools
  - *AI Prompt (EN)*: "Craft conversion-focused microcopy, push notification triggers, and user prompts following the messaging frameworks showcased on Pushkeen (https://pushkeen.ai/)."
  - *AI Prompt (ES)*: "Redacta micro-copy persuasivo, avisos push y mensajes de confirmación siguiendo las fórmulas de interacción de Pushkeen (https://pushkeen.ai/)."
- **[Refero Styles](https://styles.refero.design/)**: Real website design systems and DESIGN.md library for AI agents.
  - *AI Prompt (EN)*: "Apply design tokens and UI architecture referencing the design systems and STYLE.md files curated on Refero Styles (https://styles.refero.design/): semantic colors, typographic scales, and radius rules."
  - *AI Prompt (ES)*: "Aplica design tokens y arquitectura de interfaz siguiendo las especificaciones y sistemas de diseño recopilados en Refero Styles (https://styles.refero.design/): colores semánticos, escalas de texto y radios normalizados."
- **[Scrolltide](https://www.scrolltide.co/)**: Cinematic website prompts and interactive AI templates
  - *AI Prompt (EN)*: "Build an immersive storytelling landing page using scroll-pinned visual stages and progressive diagram reveals inspired by scrolltide.com (https://scrolltide.com/)."
  - *AI Prompt (ES)*: "Construye una experiencia de scroll interactivo con fijación de etapas visuales y diagramas progresivos inspirada en scrolltide.com (https://scrolltide.com/)."
- **[Transitions](https://transitions.dev/)**: Essential UI transitions and animations for web apps and AI agents
  - *AI Prompt (EN)*: "Implement seamless page transitions and layout choreographies inspired by transitions.dev (https://transitions.dev/): CSS view transitions, smooth coordinate morphing, and staggered content reveals."
  - *AI Prompt (ES)*: "Implementa transiciones de página fluidas y coreografías de interfaz inspiradas en transitions.dev (https://transitions.dev/): View Transitions API, transformaciones suaves y apariciones escalonadas."
- **[v0 Templates](https://v0.app/templates)**: Full-stack AI templates and pre-built generative UI starters by Vercel.
  - *AI Prompt (EN)*: "Implement modern fullstack UI components inspired by v0.app templates (https://v0.app/templates): shadcn/ui primitives, Tailwind CSS typography, and accessible component composition."
  - *AI Prompt (ES)*: "Implementa componentes fullstack modernos inspirados en las plantillas de v0.app (https://v0.app/templates): primitivas shadcn/ui, tipografía con Tailwind CSS y composición accesible."

### Mobile & Apps
- **[60fps](https://60fps.design/)**: Curated collection of UI/UX animations and interaction design details.
  - *AI Prompt (EN)*: "Implement fluid, high-frame-rate UI microinteractions and gesture-driven animations inspired by the curated interaction teardowns on 60fps (https://60fps.design/), focusing on physics-based spring curves and subtle tactile cues."
  - *AI Prompt (ES)*: "Implementa microinteracciones fluidas y animaciones gestuales de alta tasa de refresco inspiradas en los desgloses de interacción curados en 60fps (https://60fps.design/), priorizando curvas con físicas realistas y transiciones táctiles."
- **[AppMockUp Studio](https://app-mockup.com/examples/)**: App Store and Google Play screenshot mockup generator and templates
  - *AI Prompt (EN)*: "Craft realistic mobile mockup presentations and store showcase cards following the layout templates of AppMockUp Studio (https://app-mockup.com/examples/), highlighting device framing, feature callouts, and clean perspective angles."
  - *AI Prompt (ES)*: "Diseña presentaciones y tarjetas promocionales de aplicaciones móviles siguiendo las plantillas de AppMockUp Studio (https://app-mockup.com/examples/), destacando encuadres de dispositivo, llamadas de atención de features y perspectivas limpias."
- **[Appshot](https://www.appshot.gallery/)**: Curated gallery of app screenshots for ASO and mobile UI inspiration
  - *AI Prompt (EN)*: "Design mobile app screens applying the visual craft and promotional patterns showcased across top iOS apps on Appshot (https://www.appshot.gallery/), focusing on concise value propositions, punchy typography, and refined mobile UI details."
  - *AI Prompt (ES)*: "Diseña pantallas de aplicación móvil aplicando el estándar visual y los patrones de producto exhibidos en las mejores apps de iOS en Appshot (https://www.appshot.gallery/), enfocándote en propuestas de valor directas, tipografía cuidada y acabados pulidos."
- **[Mobbin](https://mobbin.design/)**: Real-world mobile and web app UI design patterns
  - *AI Prompt (EN)*: "Architect mobile and web app user journeys applying the real-world UX patterns and screen flows captured from top iOS and Android products on Mobbin (https://mobbin.com/): seamless onboarding, bottom navigation sheets, and intuitive forms."
  - *AI Prompt (ES)*: "Diseña los flujos y pantallas de tu app móvil o web adoptando los patrones reales de las aplicaciones líderes documentadas en Mobbin (https://mobbin.com/): onboardings fluidos, menús contextuales inferiores y formularios sin fricción."
- **[Pttrns](https://www.pttrns.com)**: Historical archive of mobile interface patterns
  - *AI Prompt (EN)*: "Design mobile interface patterns adhering to classic mobile UX standards cataloged on Pttrns (https://pttrns.com/): native navigation bars, tab bar choreographies, and modal sheets."
  - *AI Prompt (ES)*: "Diseña pantallas móviles siguiendo las convenciones de usabilidad e interacción catalogadas en Pttrns (https://pttrns.com/): barras de navegación nativas, barras de pestañas y hojas modales ergonómicas."
- **[Scrnshts](https://scrnshts.club)**: App Store screenshots and visual design benchmarks
  - *AI Prompt (EN)*: "Design promotional App Store screenshot carousels drawing from the visual layouts and benefit callouts showcased on Scrnshts (https://www.scrnshts.club/)."
  - *AI Prompt (ES)*: "Diseña carruseles de capturas para App Store y Google Play aplicando las composiciones visuales y textos destacados recopilados en Scrnshts (https://www.scrnshts.club/)."
- **[UI Sources](https://www.uisources.com)**: Real interaction videos and user flows from top mobile apps
  - *AI Prompt (EN)*: "Architect an end-to-end user flow taking inspiration from the full-app teardowns and interaction mechanics documented on UI Sources (https://www.uisources.com/)."
  - *AI Prompt (ES)*: "Diseña un flujo de usuario completo inspirándote en los análisis detallados de interacción y mecánicas de producto documentados en UI Sources (https://www.uisources.com/)."

### Portfolios & Assets
- **[Bestfolios](https://www.bestfolios.com/home)**: Gallery of design portfolios and case studies
  - *AI Prompt (EN)*: "Structure a designer portfolio or case study layout drawing from the elite portfolios archived on Bestfolios (https://www.bestfolios.com/home): narrative project breakdowns, clear role attribution, artifact galleries, and clean typographic pacing."
  - *AI Prompt (ES)*: "Estructura un portafolio de diseño o caso de estudio basándote en los portafolios de referencia recopilados en Bestfolios (https://www.bestfolios.com/home): desglose narrativo de proyectos, detalle de rol, galerías de artefactos y ritmo tipográfico limpio."
- **[Deck Gallery](https://www.deck.gallery)**: Pitch decks and presentations from top startups
  - *AI Prompt (EN)*: "Structure a pitch deck or presentation layout drawing from the curated startup presentations featured on Deck Gallery (https://www.deck.gallery): one core idea per slide, scannable data callouts, high-impact headlines, and visual cohesion."
  - *AI Prompt (ES)*: "Diseña una presentación o pitch deck inspirándote en las mejores presentaciones de startups recopiladas en Deck Gallery (https://www.deck.gallery): una idea clave por diapositiva, datos destacados escaneables, titulares potentes y coherencia visual."
- **[DesignBookmark](https://designbookmark.com/)**: Curated directory of 2,000+ design tools, websites, typography, and resources for digital designers
  - *AI Prompt (EN)*: "Curate and organize a multi-category digital resource directory adopting the clean card grid architecture, instant search filtering, and concise tag taxonomy benchmarked on DesignBookmark (https://designbookmark.com/)."
  - *AI Prompt (ES)*: "Diseña y organiza un directorio de recursos digitales multicategoría adoptando la arquitectura de tarjetas limpias, filtrado instantáneo y taxonomía de etiquetas analizadas en DesignBookmark (https://designbookmark.com/)."
- **[Fontshare](https://fontshare.com/)**: Free high-quality font service by Indian Type Foundry
  - *AI Prompt (EN)*: "Pair modern typographic hierarchies utilizing quality open-source typefaces from Fontshare (https://fontshare.com/): expressive geometric grotesks for headlines paired with neutral legible body fonts and balanced tracking."
  - *AI Prompt (ES)*: "Compón jerarquías tipográficas modernas utilizando fuentes de alta calidad de Fontshare (https://fontshare.com/): grotescas geométricas expresivas para títulos combinadas con fuentes de lectura neutras y tracking calibrado."
- **[Killer Portfolio](https://www.killerportfolio.com/)**: Curated selection of super effective, beautifully designed portfolio websites
  - *AI Prompt (EN)*: "Structure a UX/product designer portfolio applying the case study storytelling and presentation frameworks curated on Killer Portfolio (https://www.killerportfolio.com/): challenge context, outcome metrics, and interactive prototypes."
  - *AI Prompt (ES)*: "Estructura un portafolio de diseño de producto siguiendo las fórmulas narrativas de los perfiles top reunidos en Killer Portfolio (https://www.killerportfolio.com/): contexto del problema, métricas de impacto y exhibición de prototipos."
- **[Really Good Emails](https://reallygoodemails.com)**: Design and code of premier transactional and marketing emails
  - *AI Prompt (EN)*: "Design responsive, high-converting transactional or marketing emails drawing from the email design archive of Really Good Emails (https://reallygoodemails.com/): clear modular stacks, readable mobile type, and bulletproof CTA buttons."
  - *AI Prompt (ES)*: "Diseña correos transaccionales y boletines de producto tomando como modelo los emails de referencia curados en Really Good Emails (https://reallygoodemails.com/): estructura modular limpia, tipografía legible en móvil y botones infalibles."