Índice en vivo422 herramientas17 secciones132 diseñadoresCon el apoyo de Motionsites

Herramientas de diseño y frontend, elegidas a mano.

Bibliotecas de componentes, herramientas de animación, agentes de programación con IA, conjuntos de iconos y galerías de inspiración para quienes diseñan con código. Pasa el cursor sobre un marco para ver su animación; pulsa Space.Desplázate para ver la animación de cada marco; toca uno para verlo de cerca.

Lucide preview

SVGOMG preview

Raycast preview

Screen Studio preview

Screen Studio

tldraw preview

Cosmos preview

Framer preview

practicaltypography.com

Practical Typography preview

Practical Typography

RewampUI preview

GSAP preview

GSAP

Cursor preview

styles.refero.design

Refero preview

422 herramientas · 17 secciones · 5 categorías

El índice completo

Todas las herramientas, agrupadas por categoría y sección. Filtra mientras escribes o salta a una sección desde la barra de capas.

422 herramientas

Inspiración

Ir a la categoría

Galerías de inspiración de diseño web

78Página de la sección

60fps preview

60fpsGaleríasGrabaciones de pantalla que capturan interfaces en movimiento, reunidas como inspiración para estudiar la animación de UI.

AwwwardsGaleríasUn programa de premios y una galería que reconocen cada día el diseño web y el oficio front-end más destacados.

Cosmos preview

CosmosGaleríasUn espacio visual de moodboards para reunir imágenes y referencias y crear tableros de inspiración creativa.

Curated Design preview

Curated DesignGaleríasUna galería que agrupa la inspiración web por estilo estético para que explores según el aspecto que buscas.

Layers preview

LayersGaleríasUna plataforma donde los diseñadores publican y comparten su trabajo de forma pública para recibir feedback e inspiración.

minimal.gallery

Minimal Gallery preview

Minimal GalleryGaleríasUna colección de sitios web minimalistas y sobrios para quien busca inspiración de diseño depurado.

Mobbin preview

MobbinGaleríasUna biblioteca buscable de pantallas y flujos de usuario reales de apps móviles y web ya lanzadas.

Saaspo preview

SaaspoGaleríasUna galería seleccionada de landing pages de SaaS como inspiración de diseño de marketing y de producto.

SEESAW preview

SEESAWGaleríasInspiración de diseño web organizada por sección de página para que estudies un bloque a la vez.

Supahero preview

SupaheroGaleríasUna colección seleccionada de secciones hero de sitios web para inspirarte al diseñar una landing page.

Imageory preview

ImageoryGaleríasUna galería visual que combina imágenes con los prompts que las originaron para inspiración creativa.

backgrounds.supply

Backgrounds Supply preview

Backgrounds SupplyGaleríasUn conjunto de fondos web hechos a mano, listos para insertar directamente en tu próximo proyecto.

backgrounds.venust.ai

Venust Backgrounds preview

Venust BackgroundsGaleríasFondos web gratuitos generados con IA que incluyen los prompts originales usados para crearlos.

Details preview

DetailsGaleríasAnálisis en detalle de microinteracciones de productos digitales líderes, para estudiar los pormenores.

Sombra preview

SombraGaleríasUna muestra de interfaces web en modo oscuro para quien diseña con paletas más oscuras.

Dribbble preview

DribbbleGaleríasUna comunidad global donde los diseñadores publican shots y conceptos para compartir su trabajo y encontrar inspiración.

Behance preview

BehanceGaleríasLa plataforma de Adobe para publicar y explorar portafolios creativos de todas las disciplinas del diseño.

Recent Design preview

Recent DesignGaleríasUna selección semanal de sitios web dignos de premio, renovada para un flujo constante de inspiración de diseño.

navbar.design preview

navbar.designGaleríasUn conjunto seleccionado de patrones de barras de navegación para consultar al diseñar menús de sitios.

footer.design preview

footer.designGaleríasUn conjunto selecto de footers web creativos para inspirarte en esa sección de cierre.

Land-book preview

Land-bookGaleríasUna amplia galería de landing pages organizada por industria para que explores diseños de tu nicho.

Collect UI preview

Collect UIGaleríasInspiración diaria de diseño UI etiquetada por componente, surgida de un desafío de diseño continuo.

siteinspire.com

SiteInspire preview

SiteInspireGaleríasUna muestra de larga trayectoria de diseño web cuidado, filtrable por estilo y temática.

Lapa Ninja preview

Lapa NinjaGaleríasUn conjunto escogido de landing pages responsive para explorar en busca de inspiración de layout.

UX Archive preview

UX ArchiveGaleríasUn archivo de flujos de onboarding móvil, capturados pantalla por pantalla como referencia de UX.

Screenlane preview

ScreenlaneGaleríasUna galería buscable de pantallas de interfaz para inspiración de UI en todo tipo de apps.

Flowbase preview

FlowbaseGaleríasUna fuente de componentes UI premium y patrones de interacción para construir layouts de sitios.

Hover States preview

Hover StatesGaleríasUna muestra de diseño web interactivo e ingenioso para estudiar cómo los sitios manejan el movimiento y el hover.

SaaSFrame preview

SaaSFrameGaleríasCientos de capturas de páginas de marketing de SaaS reunidas como inspiración de diseño de landing pages.

landingfolio.com

Landingfolio preview

LandingfolioGaleríasUna extensa biblioteca de diseños de landing pages para explorar en busca de inspiración de layout y marketing.

Pttrns preview

PttrnsGaleríasUn directorio de patrones de UI móvil para consultar cómo las apps resuelven las pantallas más comunes.

onepagelove.com

One Page Love preview

One Page LoveGaleríasUna muestra de diseños de sitios web de una sola página para quien construye un one-pager.

designspiration.com

Designspiration preview

DesignspirationGaleríasUna plataforma de búsqueda para descubrir arte visual e imágenes de diseño que alimenten la inspiración.

bestwebsite.gallery

Best Website Gallery preview

Best Website GalleryGaleríasUn archivo seleccionado de sitios web excepcionales, conservado como referencia de diseño web destacado.

theinspirationgrid.com

Inspiration Grid preview

Inspiration GridGaleríasUna revista en línea que destaca diseño visual creativo y trabajos de distintas disciplinas.

Scrnshts preview

ScrnshtsGaleríasUn conjunto seleccionado de diseños de capturas de la App Store para inspirarte al promocionar una app móvil.

Are.na preview

Are.naGaleríasUna plataforma colaborativa para guardar marcadores visuales y organizar investigación en tableros compartidos.

Appinspo preview

AppinspoGaleríasUna galería depurada de diseños de apps móviles para inspiración de UI e interfaces.

darkmodedesign.com

Dark Mode Design preview

Dark Mode DesignGaleríasUna muestra dedicada a sitios web en modo oscuro para inspirarte al diseñar interfaces más oscuras.

Pinterest preview

PinterestGaleríasUna plataforma de descubrimiento visual para guardar y encontrar ideas creativas sobre cualquier tema.

navbar.gallery preview

navbar.galleryGaleríasUna galería muy enfocada en barras de navegación modernas para estudiar al diseñar menús de sitios.

posts.design preview

posts.designGaleríasUn archivo seleccionado de diseño gráfico para redes sociales como inspiración para layouts de posts y feeds.

loadmo.re preview

loadmo.reGaleríasUna galería de diseños experimentales de sitios web móviles para una inspiración fresca y que rompe límites.

inspora.design preview

inspora.designGaleríasUn archivo de diseño web visual contemporáneo para explorar en busca de inspiración moderna.

cta.gallery preview

cta.galleryGaleríasUn conjunto seleccionado de botones y banners de llamada a la acción para inspiración enfocada en la conversión.

desengs.com preview

desengs.comGaleríasUn directorio de portafolios de ingeniería de diseño y la historia detrás de las personas que los crean.

isthereanytool.app

isthereanytool preview

isthereanytoolGaleríasUn directorio que saca a la luz herramientas poco conocidas para diseño, oficio creativo y trabajo con IA.

designeng.tools

designeng.tools preview

designeng.toolsGaleríasUn hub seleccionado que reúne en un solo lugar herramientas, recursos e inspiración de ingeniería de diseño.

bestdesignsonx.com

bestdesignsonx.com preview

bestdesignsonx.comGaleríasUn feed seleccionado de creadores con buen diseño y publicaciones destacadas extraídas de X.

designbookmark.com

Design Bookmark preview

Design BookmarkGaleríasUn directorio que guarda marcadores de recursos y enlaces útiles de diseño para que los encuentres en un solo lugar.

rebrand.gallery

Rebrand Gallery preview

Rebrand GalleryGaleríasUna galería de rediseños de marca mostrados antes y después, para estudiar cómo evolucionan las identidades.

curations.supply

Curations preview

CurationsGaleríasUna biblioteca seleccionada de recursos de diseño digital para explorar y tomar lo que necesites en tus proyectos.

Landing Love preview

Landing LoveGaleríasUna colección de landing pages encantadoras organizadas por su animación como inspiración de movimiento.

Motionimo preview

MotionimoGaleríasUna extensa biblioteca de clips de motion design para estudiar la animación y el movimiento.

before.click preview

before.clickGaleríasUna muestra de conceptos de capturas de apps con alta conversión como inspiración de marketing para la App Store.

Swiped preview

SwipedGaleríasUna colección de publicaciones de diseño destacadas reunidas desde distintas plataformas sociales.

Landdding preview

LandddingGaleríasUn catálogo de landing pages creativas actualizado a diario para inspiración de layout y marketing.

designengineer.tools

designengineer.tools preview

designengineer.toolsGaleríasUna recopilación de herramientas esenciales pensadas para el trabajo de los ingenieros de diseño.

Insposite preview

InspositeGaleríasUn directorio de referencias y herramientas de diseño para explorar cuando necesitas inspiración.

loader-buttons.appllama.io

Loader Buttons preview

Loader ButtonsGaleríasUna galería de 25 animaciones de botones de carga para consultar ideas de microinteracciones.

What Ships preview

What ShipsGaleríasUna colección de vídeos demo destacados de lanzamientos de producto reunidos a partir de publicaciones en X.

GreatStuff preview

GreatStuffGaleríasUn archivo cuidadosamente depurado de herramientas creativas, reunido para que encuentres las buenas más rápido.

Great Apps preview

Great AppsGaleríasUna galería semanal que destaca apps de iOS excepcionales que merecen una mirada más de cerca.

curated.domains

Curated Domains preview

Curated DomainsGaleríasUna colección de marcas que usan dominios de nivel superior creativos, como inspiración de naming y branding.

Sections.wtf preview

Sections.wtfGaleríasUna galería de secciones y layouts hero de sitios web reales para consultar bloque a bloque.

Browse.cool preview

Browse.coolGaleríasUna selección de sitios web elegidos por su tacto e interacción excepcionales.

Folios Gallery preview

Folios GalleryGaleríasUn directorio selecto de portafolios de diseñadores destacados para estudiar en busca de inspiración.

wwwtf.site preview

wwwtf.siteGaleríasUna galería de rincones peculiares y experimentales de la web interactiva que vale la pena explorar.

Early preview

EarlyGaleríasUna plataforma de descubrimiento para sacar a la luz productos de software en etapa temprana que merecen una primera mirada.

openalternative.co

OpenAlternative preview

OpenAlternativeGaleríasUn directorio que empareja herramientas SaaS populares con sus alternativas de código abierto.

everywhere.tools

Everywhere Tools preview

Everywhere ToolsGaleríasUna colección de herramientas creativas de código abierto orientadas al diseño práctico y al trabajo artesanal.

gallery.jessyin.world

Jessy In's Gallery preview

Jessy In's GalleryGaleríasUn moodboard compartido donde los colaboradores reúnen hallazgos visuales inusuales para despertar la inspiración de diseño.

wallofportfolios.in

Wall of Portfolios preview

Wall of PortfoliosGaleríasUn muro de portafolios de ingeniería de diseño y de producto para explorar en busca de inspiración.

Detail Design preview

Detail DesignGaleríasUn archivo que documenta las microinteracciones cuidadosamente elaboradas que se encuentran en las interfaces de software.

betwnstudios.com

Betwn Studios preview

Betwn StudiosGaleríasUn estudio que diseña y construye experiencias web modernas para productos SaaS.

saaslandingpage.com

SaaS Landing Page preview

SaaS Landing PageGaleríasUna muestra seleccionada de landing pages de SaaS destacadas que vale la pena estudiar como inspiración.

bestsaaswebdesigns.com

Best SaaS Web Designs preview

Best SaaS Web DesignsGaleríasUna galería seleccionada de diseños de sitios web de SaaS reunidos como inspiración de diseño.

A1 preview

A1GaleríasUna galería de diseños de sitios web reunidos como inspiración para tu próximo proyecto.

Herramientas de diseño de interfaces y labs de UI

11Página de la sección

Figma preview

FigmaDiseño de interfacesUna plataforma colaborativa para diseñar y prototipar interfaces junto a tu equipo.

Framer preview

FramerDiseño de interfacesUn lienzo visual para diseñar y luego publicar sitios web directamente en la web.

make.design preview

make.designDiseño de interfacesUn generador de IA que convierte prompts escritos en diseños de interfaz pulidos.

Penpot preview

PenpotDiseño de interfacesUna plataforma de diseño web de código abierto, construida en torno a SVG, que funciona en el navegador.

Spline preview

SplineDiseño de interfacesSoftware de diseño 3D en el navegador con física integrada para escenas interactivas.

interfacecraft.dev

Interface Craft preview

Interface CraftDiseño de interfacesUna colección de artículos que exploran el oficio detrás de las interfaces digitales modernas.

UI Labs preview

UI LabsDiseño de interfacesUn laboratorio que desmonta componentes de UI animados para mostrar cómo están construidos.

UIWTF preview

UIWTFDiseño de interfacesUna muestra de patrones de interfaz experimentales que llevan al límite lo que puede hacer la web.

Lab01 preview

Lab01Diseño de interfacesUna colección de experimentos de interfaz refinados publicados por un estudio de diseño.

design.dev preview

design.devDiseño de interfacesUn editor asistido por IA para crear y gestionar design tokens y sistemas de diseño.

UI Playbook preview

UI PlaybookDiseño de interfacesUna guía sobre los estados habituales por los que pasan los componentes de UI a medida que los diseñas.

Recursos de diseño web: blogs, libros y cursos

33Página de la sección

refactoringui.com

Refactoring UI preview

Refactoring UILecturasUna guía práctica repleta de tácticas para diseñar y construir mejores interfaces.

practicaltypography.com

Practical Typography preview

Practical TypographyLecturasUn libro en línea que cubre las reglas de la tipografía y cómo componer el texto.

web.dev preview

web.devLecturasOrientación práctica sobre el rendimiento web y la creación conforme a los estándares web modernos.

inclusive-components.design

Inclusive Components preview

Inclusive ComponentsLecturasUna biblioteca de patrones que te enseña a construir componentes de interfaz accesibles.

joshwcomeau.com

Josh Comeau preview

Josh ComeauLecturasTutoriales y artículos interactivos que desgranan cómo funcionan realmente los mecanismos de CSS.

design-books.com

Design Books preview

Design BooksLecturasUn directorio de libros de diseño esenciales organizados por la disciplina que abarcan.

learn-kernels.com

Learn Kernels preview

Learn KernelsLecturasUna guía interactiva para escribir y entender la programación de kernels de GPU.

designsystemchecklist.com

Design System Checklist preview

Design System ChecklistLecturasUna lista de verificación exhaustiva que cubre lo que compone un sistema de diseño listo para producción.

Learn UI preview

Learn UILecturasUn curso en vídeo que enseña el lado práctico del diseño de interfaces de usuario.

designspells.com

Design Spells preview

Design SpellsLecturasUna colección que disecciona los sutiles detalles de diseño ocultos en el software de uso diario.

Good UI preview

Good UILecturasUna biblioteca de patrones de diseño de UI basados en evidencia y respaldados por datos del mundo real.

Abduzeedo preview

AbduzeedoLecturasUn blog de diseño diario que comparte un flujo constante de inspiración visual.

UX Collective preview

UX CollectiveLecturasUna publicación seleccionada que reúne ensayos críticos sobre el diseño de experiencia de usuario.

smashingmagazine.com

Smashing Magazine preview

Smashing MagazineLecturasUn recurso fiable de artículos y guías para diseñadores y desarrolladores web.

Codrops preview

CodropsLecturasUn blog que publica experimentos creativos de front-end junto con tutoriales prácticos.

Muzli preview

MuzliLecturasUn resumen diario que recopila las últimas tendencias de diseño en un único feed.

boxesandarrows.com

Boxes and Arrows preview

Boxes and ArrowsLecturasUna revista veterana sobre la práctica y las ideas detrás de la arquitectura de la información.

designernews.co

designernews.co

Designer NewsLecturasUn feed impulsado por la comunidad donde los diseñadores sacan a la luz y debaten las últimas noticias.

webdesignerdepot.com

Web Designer Depot preview

Web Designer DepotLecturasUna publicación de diseño que cubre los estándares web y las herramientas que usan los diseñadores.

Designmodo preview

DesignmodoLecturasUna publicación que ofrece tanto artículos como herramientas prácticas para el diseño web.

99designs Discover preview

99designs DiscoverLecturasUn blog de diseño que explora el branding y el pensamiento creativo que hay detrás.

Interfaces preview

InterfacesLecturasUna publicación digital mensual que explora el diseño de las interfaces digitales.

makingsoftware.com

Making Software preview

Making SoftwareLecturasEnsayos que examinan cómo las herramientas que usan los diseñadores acaban moldeando su software.

visualrambling.space

Visual Rambling preview

Visual RamblingLecturasEnsayos visuales personales que profundizan en el diseño de interfaces una idea a la vez.

degreeless.design

Degreeless Design preview

Degreeless DesignLecturasUna ruta de aprendizaje seleccionada para quienes se proponen dominar el diseño de producto.

SVG Guide preview

SVG GuideLecturasUna guía para escribir marcado SVG y animarlo, dirigida a diseñadores y desarrolladores.

Animations.dev preview

Animations.devLecturasUn curso que te enseña a crear animaciones web que de verdad se sienten acertadas.

UI Skills preview

UI SkillsLecturasUn curso que abarca técnicas para diseñar interfaces con la ayuda de la IA.

AI for UI preview

AI for UILecturasUn curso sobre cómo poner a trabajar los flujos de trabajo de IA en tu proceso de diseño de interfaces.

UI Land preview

UI LandLecturasUna serie de entrevistas con destacados design engineers sobre su oficio.

Laws of UX preview

Laws of UXLecturasUna colección de principios psicológicos que determinan cuán usable se siente una interfaz.

userinterface.wiki

User Interface Wiki preview

User Interface WikiLecturasUna base de conocimiento que documenta las directrices y reglas de diseño de interfaces en un solo lugar.

The Shape of AI preview

The Shape of AILecturasUna biblioteca de patrones que destaca los patrones de diseño para interfaces impulsadas por IA.

Componentes

Ir a la categoría

Bibliotecas de componentes UI para React

109Página de la sección

ForgeUI preview

ForgeUIBibliotecas de componentesComponentes animados de React y Tailwind junto con plantillas listas para construir interfaces más rápido.

RewampUI preview

RewampUIBibliotecas de componentesUn panel que muestra componentes UI listos para usar que puedes explorar y reutilizar.

shadcn/ui preview

shadcn/uiBibliotecas de componentesComponentes UI que copias directamente en tu propio código en lugar de instalarlos como paquete.

Base UI preview

Base UIBibliotecas de componentesPrimitivas de componentes sin estilos y listas para estilizar, de los creadores de Radix y MUI.

Radix preview

RadixBibliotecas de componentesPrimitivas de UI accesibles y sin estilos que puedes estilizar libremente al construir interfaces en React.

21st.dev preview

21st.devBibliotecas de componentesUn registro comunitario de shadcn donde previsualizas los componentes de forma interactiva antes de añadirlos.

motion-primitives.com

Motion Primitives preview

Motion PrimitivesBibliotecas de componentesComponentes animados de React construidos sobre la librería Motion para añadir movimiento a las interfaces.

React Bits preview

React BitsBibliotecas de componentesUna colección de componentes animados y creativos para incorporar en tus proyectos de React.

component.gallery

Component Gallery preview

Component GalleryBibliotecas de componentesUna referencia que reúne y compara componentes de distintos sistemas de diseño.

number-flow.barvian.me

NumberFlow preview

NumberFlowBibliotecas de componentesUn componente que anima con fluidez los números que cambian y funciona en los frameworks modernos.

fancycomponents.dev

Fancy Components preview

Fancy ComponentsBibliotecas de componentesComponentes de React desenfadados que usan efectos basados en física para interacciones más vivas.

opensourceui.in

Opensource UI preview

Opensource UIBibliotecas de componentesComponentes UI de React y mockups de dispositivos para copiar y pegar e incorporar directamente en tus proyectos.

ui.spectrumhq.in

Spectrum UI preview

Spectrum UIBibliotecas de componentesComponentes UI pulidos diseñados específicamente para construir sitios web de SaaS.

amicro.vercel.app

Amicro preview

AmicroBibliotecas de componentesPrimitivas ligeras y fáciles de incorporar para añadir microanimaciones a las interfaces de React.

painterly.design-tools.workers.dev

Painterly preview

PainterlyBibliotecas de componentesAnimaciones de carga artísticas basadas en canvas, empaquetadas como componentes para React.

Bencho preview

BenchoBibliotecas de componentesBloques UI interactivos cuya física puedes ajustar para afinar exactamente cómo se sienten.

shadcnblocks.com

shadcnblocks preview

shadcnblocksBibliotecas de componentesMiles de bloques web limpios y listos para usar, construidos al estilo de shadcn.

blocks.so preview

blocks.soBibliotecas de componentesBloques web de código abierto que instalas directamente desde la línea de comandos.

8bitcn preview

8bitcnBibliotecas de componentesComponentes UI con estilo retro de 8 bits listos para incorporar en tus proyectos de shadcn.

Evil Charts preview

Evil ChartsBibliotecas de componentesComponentes de gráficos SVG animados diseñados para encajar a la perfección en proyectos de shadcn/ui.

coss ui preview

coss uiBibliotecas de componentesComponentes UI para copiar y pegar construidos sobre la librería de primitivas Base UI.

Rare UI preview

Rare UIBibliotecas de componentesUn conjunto de componentes UI distintivos y animados para construir interfaces en React.

beUI preview

beUIBibliotecas de componentesComponentes animados de React estilizados con Tailwind CSS para agilizar el trabajo de interfaz.

butter-nav.vercel.app

Butter Nav preview

Butter NavBibliotecas de componentesUn componente de megamenú cuyo layout se transforma con fluidez a medida que te mueves entre sus secciones.

Cult UI preview

Cult UIBibliotecas de componentesComponentes animados de React impulsados por Framer Motion para un movimiento fluido en la interfaz.

daisyUI preview

daisyUIBibliotecas de componentesUna librería de clases de componentes que extiende Tailwind CSS para estilizar más rápido.

HeroUI preview

HeroUIBibliotecas de componentesUna librería moderna de componentes UI para React, lanzada antes con el nombre de NextUI.

Kibo UI preview

Kibo UIBibliotecas de componentesUn registro de componentes surtido de piezas pensadas para construir interfaces de IA.

Magic UI preview

Magic UIBibliotecas de componentesComponentes de UI animados pensados específicamente para crear landing pages.

ui.aceternity.com

Aceternity UI preview

Aceternity UIBibliotecas de componentesComponentes animados de moda y secciones hero para crear páginas web que llaman la atención.

Animate UI preview

Animate UIBibliotecas de componentesComponentes accesibles de shadcn cobran vida gracias a la librería de animación Motion.

FlyonUI preview

FlyonUIBibliotecas de componentesComponentes semánticos de Tailwind CSS, listos para usar con la última versión Tailwind v4.

TailGrids preview

TailGridsBibliotecas de componentesBloques de UI responsive creados para montar páginas rápidamente con Tailwind CSS.

Flowbite preview

FlowbiteBibliotecas de componentesUna amplia librería de componentes que se apoya en Tailwind CSS para el trabajo de interfaces.

HyperUI preview

HyperUIBibliotecas de componentesComponentes de UI gratuitos y de código abierto que puedes copiar en tus proyectos de Tailwind CSS.

Preline UI preview

Preline UIBibliotecas de componentesComponentes de Tailwind CSS ideales para crear interfaces de dashboard complejas.

Float UI preview

Float UIBibliotecas de componentesComponentes de Tailwind CSS hechos para montar páginas de sitios de marketing.

Meraki UI preview

Meraki UIBibliotecas de componentesComponentes de Tailwind CSS que incluyen soporte para idiomas de derecha a izquierda.

Tremor preview

TremorBibliotecas de componentesUn conjunto modular de componentes de React para montar interfaces de dashboard completas.

Headless UI preview

Headless UIBibliotecas de componentesComponentes de UI accesibles y sin estilos, creados por el equipo de Tailwind Labs.

Base CN preview

Base CNBibliotecas de componentesPrimitivas de Base UI reempaquetadas para encajar en el flujo de trabajo de componentes de shadcn.

Easy UI preview

Easy UIBibliotecas de componentesUna librería de componentes para copiar y pegar que permite montar interfaces con rapidez.

Eldora UI preview

Eldora UIBibliotecas de componentesComponentes de UI animados diseñados para crear landing pages web rápidamente.

velora.colorlib.com

Velora UI preview

Velora UIBibliotecas de componentesUn conjunto gratuito de componentes de Tailwind CSS y secciones de página prediseñadas para reutilizar.

Watermelon UI preview

Watermelon UIBibliotecas de componentesUna librería de componentes de React creada para encajar en el ecosistema de herramientas de shadcn.

beautifului.dev

Beautiful UI preview

Beautiful UIBibliotecas de componentesComponentes de UI pulidos para copiar y pegar, ideales para crear el frontend de aplicaciones web.

Hexter UIBibliotecas de componentesUna colección ordenada y limpia de componentes listos para usar en tus proyectos de shadcn.

Lightswind preview

LightswindBibliotecas de componentesComponentes de Tailwind CSS con efectos de luz y resplandor para lograr una UI que destaca.

Reverse UI preview

Reverse UIBibliotecas de componentesUna librería de componentes para crear interfaces con React y Tailwind CSS.

Smooth UI preview

Smooth UIBibliotecas de componentesComponentes de React con mucha animación que puedes copiar directamente en tus propios proyectos.

Tailark preview

TailarkBibliotecas de componentesSecciones de página y componentes de Tailwind CSS orientados a crear sitios de marketing.

UI Layouts preview

UI LayoutsBibliotecas de componentesDiseños de página completos y secciones hero listos para montar con Tailwind CSS.

Kokonut UI preview

Kokonut UIBibliotecas de componentesComponentes de UI creativos e interactivos empaquetados para funcionar en el formato de shadcn.

Nex UI preview

Nex UIBibliotecas de componentesUna librería de componentes de UI extensible dirigida a equipos que crean startups modernas.

Ninja UI preview

Ninja UIBibliotecas de componentesComponentes de UI ligeros pensados para que los sitios web carguen rápido y con fluidez.

Sera UI preview

Sera UIBibliotecas de componentesComponentes de React diseñados para instalarse directamente mediante la herramienta de línea de comandos de shadcn.

Re UI preview

Re UIBibliotecas de componentesComponentes de UI accesibles construidos sobre la librería de primitivas Base UI.

Syntax UI preview

Syntax UIBibliotecas de componentesComponentes de UI animados para copiar y pegar, ideales para montar landing pages rápidamente.

shadcn-cssinjs.com

shadcn-cssinjs preview

shadcn-cssinjsBibliotecas de componentesComponentes de shadcn reelaborados para que encajen en proyectos que usan estilos CSS-in-JS.

transitions.dev

Transitions preview

TransitionsBibliotecas de componentesUn conjunto cuidado de recetas de transiciones CSS y curvas de aceleración que puedes reutilizar.

23rd preview

23rdBibliotecas de componentesComponentes al estilo de shadcn disponibles para usar tanto en proyectos de React como de Svelte.

Oneko preview

OnekoBibliotecas de componentesUn gato de pixel-art que sigue tu cursor por la página como si fuera un acompañante.

rolling.kitlangton.dev

Rolling Number preview

Rolling NumberBibliotecas de componentesUn contador numérico de React que anima sus dígitos con un suave efecto de giro.

Annnimate preview

AnnnimateBibliotecas de componentesComponentes de movimiento listos para producción, creados con la librería de animación GSAP.

GetLayers preview

GetLayersBibliotecas de componentesUn conjunto de prompts de IA que generan secciones de página con estilo cinematográfico para tu sitio.

Scritto preview

ScrittoBibliotecas de componentesUna librería de componentes para transiciones de texto con caracteres giratorios que puedes añadir a tu UI.

ogimagecn preview

ogimagecnBibliotecas de componentesComponentes para generar imágenes de Open Graph para redes sociales, impulsados por Satori.

Dither Kit preview

Dither KitBibliotecas de componentesComponentes de gráficas renderizados con píxeles tramados para lograr una estética retro de otra época.

shieldcn preview

shieldcnBibliotecas de componentesInsignias de README con el estilo de shadcn para dar un toque especial a la documentación de tu proyecto.

unlumen UI preview

unlumen UIBibliotecas de componentesUna librería minimalista de componentes de React que instalas y añades desde su línea de comandos.

Bearnie preview

BearnieBibliotecas de componentesUna colección de componentes de UI creados para Astro y estilizados con Tailwind CSS.

fluidfunctionalism.com

Fluid Functionalism preview

Fluid FunctionalismBibliotecas de componentesComponentes de UI cuyo movimiento se rige por una animación intencionada basada en la física.

termcn preview

termcnBibliotecas de componentesComponentes de React para crear interfaces con estilo de terminal, impulsados por Ink y OpenTUI.

framecn preview

framecnBibliotecas de componentesRenderizado programático de vídeo para proyectos de React, impulsado por Editframe.

emailcn preview

emailcnBibliotecas de componentesComponentes de correo responsive que funcionan con React Email, MJML y JSX Email.

startercn.vercel.app

startercn preview

startercnBibliotecas de componentesUn starter de registro para shadcn/ui listo para bifurcar, con documentación, landing page y soporte para agentes.

pdfcn preview

pdfcnBibliotecas de componentesComponentes de React para generar documentos PDF, construidos sobre Takumi y Forme.

editorcn.vercel.app

editorcn preview

editorcnBibliotecas de componentesInterfaz de edición de texto enriquecido lista para usar en apps de React, impulsada por el framework Tiptap.

shadcn-labs.com

Shadcn Labs preview

Shadcn LabsBibliotecas de componentesUna colección de registros de código abierto y herramientas para el ecosistema de shadcn/ui.

FramebloxBibliotecas de componentesSecciones y plantillas modulares que puedes combinar para montar sitios completos dentro de Framer.

Nexvyn UIBibliotecas de componentesComponentes de UI pulidos y listos para usar que encajan en interfaces y aplicaciones digitales.

gradient-spin.vercel.app

gradient-spin.vercel.app

Gradient SpinBibliotecas de componentesUn componente de indicador de carga giratorio con relleno de degradado para proyectos de React.

Libraries.dev preview

Libraries.devBibliotecas de componentesUna colección de efectos y componentes de UI diseñados para que los usen agentes de IA.

Sona UI preview

Sona UIBibliotecas de componentesComponentes de React animados que copias en tu código y que son completamente tuyos para reestilizar.

text-effects.colorion.co

Colorion Text Effects preview

Colorion Text EffectsBibliotecas de componentesEfectos de texto animados que puedes copiar y pegar directamente en tu interfaz.

dotmatrix.zzzzshawn.cloud

Dot Matrix preview

Dot MatrixBibliotecas de componentesUn conjunto de más de cincuenta animaciones de carga estilo matriz de puntos creadas para proyectos de shadcn.

sacred.computer

SRCL preview

SRCLBibliotecas de componentesUn kit de componentes que recrea el aspecto de las interfaces de terminal retro de la era DOS.

Prompt Kit preview

Prompt KitBibliotecas de componentesComponentes primitivos para crear experiencias de chat y otras interfaces de IA.

Shoogle preview

ShoogleBibliotecas de componentesUn motor de búsqueda que indexa componentes de UI en multitud de registros de shadcn distintos.

interior.dev preview

interior.devBibliotecas de componentesMicrointeracciones cuidadosamente ajustadas para sentirse ágiles en el instante en que haces clic.

soundcn preview

soundcnBibliotecas de componentesUna colección de efectos de sonido de UI para copiar y pegar y así añadir audio a las interfaces.

cuelume preview

cuelumeBibliotecas de componentesPequeñas señales sonoras de interfaz generadas en tiempo real con la API Web Audio del navegador.

Canvas UI preview

Canvas UIBibliotecas de componentesEfectos de física líquida acelerados por GPU y shaders de canvas para lograr una UI visualmente rica.

Odyssey UI preview

Odyssey UIBibliotecas de componentesUn conjunto de componentes de React animados construidos sobre el sistema de componentes de shadcn.

Spell UI preview

Spell UIBibliotecas de componentesComponentes de UI interactivos y cuidadosamente elaborados para crear aplicaciones web modernas.

Skiper UI preview

Skiper UIBibliotecas de componentesPrimitivas de UI animadas diseñadas para componerse y estilizarse con Tailwind CSS.

devl preview

devlBibliotecas de componentesComponentes de UI minimalistas y experimentales para crear interfaces web modernas.

Uiuno preview

UiunoBibliotecas de componentesUn espacio de trabajo asistido por IA para organizar y gestionar tus componentes de shadcn.

vengeanceui.com

Vengeance UI preview

Vengeance UIBibliotecas de componentesComponentes de React animados construidos en torno a interacciones y efectos impulsados por el scroll.

sensory-ui preview

sensory-uiBibliotecas de componentesUn sistema de diseño de sonido que añade retroalimentación de audio a los componentes de shadcn/ui.

amacro.vercel.app

Amacro preview

AmacroBibliotecas de componentesAnimaciones de revelado de página listas para usar que puedes añadir a apps de React con muy poca configuración.

evilbuttons.com

Evil Buttons preview

Evil ButtonsBibliotecas de componentesComponentes de botón diseñados para sentirse interactivos y táctiles en el momento en que los pulsas.

componentry.dev

Componentry preview

ComponentryBibliotecas de componentesPrimitivas y componentes de UI personalizables para crear interfaces de React.

Great UI preview

Great UIBibliotecas de componentesComponentes para copiar y pegar creados con React y estilizados con Tailwind CSS.

Ruru UI preview

Ruru UIBibliotecas de componentesComponentes de UI accesibles y personalizables para crear aplicaciones de React.

shadcnstudio.com

Shadcn Studio preview

Shadcn StudioBibliotecas de componentesUna librería de componentes de shadcn/ui, bloques prediseñados y plantillas completas.

shadcn-animated.vercel.app

Animated shadcn/ui preview

Animated shadcn/uiBibliotecas de componentesVersiones con movimiento de los componentes estándar de shadcn/ui para crear interfaces animadas.

Pin UI preview

Pin UIBibliotecas de componentesComponentes distintivos para copiar y pegar, creados con React y Tailwind CSS.

loading.dev preview

loading.devBibliotecas de componentesUna librería ligera de indicadores de carga y spinners para apps de React.

Bibliotecas de animación para React y la web

11Página de la sección

Motion preview

MotionAnimaciónUna biblioteca de animación lista para producción para incorporar movimiento a las aplicaciones de React en la web.

GSAP preview

GSAPAnimaciónUn motor de animación en JavaScript, muy usado en la industria, construido en torno a las líneas de tiempo.

Rive preview

RiveAnimaciónUna herramienta para crear animaciones vectoriales interactivas controladas por máquinas de estado.

lottiefiles.com

Lottie preview

LottieAnimaciónUn formato ligero basado en JSON para llevar animaciones vectoriales a la web.

easingwizard.com

Easing Wizard preview

Easing WizardAnimaciónUn generador visual para crear easings spring personalizados en CSS para animación web.

Morphrig preview

MorphrigAnimaciónUn manual interactivo que explica cómo funciona la animación de transformación de iconos.

Theatre.js preview

Theatre.jsAnimaciónUn secuenciador visual para coreografiar el diseño de movimiento en los elementos del DOM.

morphicons preview

morphiconsAnimaciónUna biblioteca de animación que transforma iconos usando física de muelles para un movimiento natural.

glimm preview

glimmAnimaciónTransiciones de página basadas en shaders para animar la navegación en proyectos de Next.js.

devouringdetails.com

Devouring Details preview

Devouring DetailsAnimaciónUn libro interactivo que enseña el arte de diseñar microinteracciones.

textmotion preview

textmotionAnimaciónUna primitiva sin dependencias para añadir animación de texto rotatorio a la web.

Herramientas dev

Ir a la categoría

Editores de código con IA y herramientas para desarrolladores

24Página de la sección

Claude Code preview

Claude CodeHerramientas para desarrolladoresUn asistente de programación con agentes que funciona directamente dentro de tu terminal de línea de comandos.

Cursor preview

CursorHerramientas para desarrolladoresUn editor de código con la IA en el centro, diseñado para acelerar la escritura y entrega de software.

Zed preview

ZedHerramientas para desarrolladoresUn editor de código de alto rendimiento, ideado para una edición ágil y de baja latencia.

v0 preview

v0Herramientas para desarrolladoresUna herramienta de IA generativa que convierte prompts de texto plano en código funcional de shadcn/ui.

Bolt.new preview

Bolt.newHerramientas para desarrolladoresUn entorno aislado en el navegador para crear y ejecutar aplicaciones full-stack.

Vite preview

ViteHerramientas para desarrolladoresUna herramienta de build y servidor de desarrollo frontend rápido para proyectos web modernos.

Biome preview

BiomeHerramientas para desarrolladoresUn formateador y linter de código rápido, construido en Rust para proyectos de desarrollo web.

Playwright preview

PlaywrightHerramientas para desarrolladoresUn framework para automatizar navegadores y ejecutar suites de pruebas end-to-end fiables.

buildertools.sh

BuilderTools preview

BuilderToolsHerramientas para desarrolladoresUn conjunto de herramientas de desarrollo específicas pensadas para ayudarte a entregar software más rápido.

nuqs preview

nuqsHerramientas para desarrolladoresUna librería de React para leer y escribir parámetros de búsqueda de URL con seguridad de tipos.

better-t-stack.dev

Better T Stack preview

Better T StackHerramientas para desarrolladoresUna herramienta de línea de comandos que genera la estructura de proyectos full-stack modernos en TypeScript.

AI Stack preview

AI StackHerramientas para desarrolladoresUn directorio que compara los stacks tecnológicos modernos que se usan para crear apps de IA.

Alumnium preview

AlumniumHerramientas para desarrolladoresEscribe pruebas end-to-end en lenguaje natural, entregadas a través de MCP.

vercel-doctor.com

Vercel Doctor preview

Vercel DoctorHerramientas para desarrolladoresUna herramienta de diagnóstico que localiza los cuellos de botella de rendimiento en apps de Next.js.

OSS Perks preview

OSS PerksHerramientas para desarrolladoresUn punto de encuentro de créditos de nube gratuitos y ventajas para quienes mantienen proyectos de código abierto.

Vinext preview

VinextHerramientas para desarrolladoresUn plugin de Vite que te permite crear y ejecutar aplicaciones de Next.js en Cloudflare.

evlog preview

evlogHerramientas para desarrolladoresUn framework de logging estructurado para capturar eventos en aplicaciones web.

audio.raphaelsalaja.com

@web-kits/audio preview

@web-kits/audioHerramientas para desarrolladoresUna librería declarativa para añadir y controlar sonido en aplicaciones web.

Nue preview

NueHerramientas para desarrolladoresUn framework web ligero planteado como una alternativa más esbelta a React.

Umami preview

UmamiHerramientas para desarrolladoresUna herramienta de analítica web centrada en la privacidad que funciona sin banners de consentimiento de cookies.

torph.lochie.me

Torph preview

TorphHerramientas para desarrolladoresUna librería sin dependencias para animar texto con transiciones de transformación.

x.ai/bot preview

x.ai/botHerramientas para desarrolladoresDocumentación que detalla las especificaciones del rastreador web de xAI.

Tracwell preview

TracwellHerramientas para desarrolladoresUna herramienta de analítica específica para seguir las visitas y conversiones de tu sitio.

DialKit preview

DialKitHerramientas para desarrolladoresUna barra de herramientas flotante dentro de la app que te permite ajustar parámetros en vivo mientras trabajas.

Agentes de programación con IA y servidores MCP

35Página de la sección

Dray preview

DrayAgentes y MCPUn espacio de trabajo de escritorio unificado para ejecutar y gestionar varios agentes de programación.

styles.refero.design

Refero preview

ReferoAgentes y MCPArchivos de especificación DESIGN.MD estructurados que guían a los agentes de IA en cuestiones de diseño.

designmd.me preview

designmd.meAgentes y MCPGenera especificaciones de diseño legibles por máquina que los agentes de IA pueden interpretar y usar como referencia al programar.

Open Design preview

Open DesignAgentes y MCPEmpaqueta sistemas de diseño en un formato estandarizado que los agentes de IA pueden leer y aplicar.

designmd.supply

designmd.supply preview

designmd.supplyAgentes y MCPUna biblioteca de plantillas DESIGN.MD que orienta a los asistentes de IA hacia el aspecto y las reglas que buscas.

getdesign.md preview

getdesign.mdAgentes y MCPUn generador interactivo que crea reglas de diseño para que las sigan los agentes de IA de programación.

design-md.hyperbrowser.ai

Hyperbrowser Design.md preview

Hyperbrowser Design.mdAgentes y MCPGenera un archivo DESIGN.MD extrayendo las reglas de diseño directamente de sitios web existentes.

Aura preview

AuraAgentes y MCPConstruye un sistema de diseño estructurado que ofrece a los agentes de IA pautas claras con las que trabajar.

Neuform preview

NeuformAgentes y MCPDiseño de interfaces asistido por IA que convierte tus layouts en código limpio y listo para usar.

typeui.sh preview

typeui.shAgentes y MCPUna herramienta de línea de comandos que genera componentes de UI tipados para que empieces desde una base limpia.

Webclaw preview

WebclawAgentes y MCPConvierte cualquier página web en markdown limpio y estructurado que los agentes de IA pueden leer con facilidad.

Ghostex preview

GhostexAgentes y MCPEjecuta y coordina varias sesiones de agentes de programación en segundo plano a la vez desde un solo lugar.

is-agentic.com preview

is-agentic.comAgentes y MCPEvalúa qué tan bien se adapta un sitio web determinado a los crawlers y a los agentes automatizados.

Herdr preview

HerdrAgentes y MCPUn ejecutor distribuido que administra y programa tareas para tus agentes de programación.

soubi.vercel.app

Soubi preview

SoubiAgentes y MCPUn compilador que transforma las definiciones de habilidades de agentes en un build listo para usar.

agentcn preview

agentcnAgentes y MCPRecetas de agentes de IA personalizables y listas para producción que puedes incorporar a un proyecto de React.

skills preview

skillsAgentes y MCPHabilidades de agente creadas para registries de shadcn y los flujos de trabajo cotidianos de desarrollo.

mcpcn preview

mcpcnAgentes y MCPComponentes de UI de React para construir interfaces de aplicaciones de ChatGPT, Claude y MCP.

integrations.sh

integrations.sh preview

integrations.shAgentes y MCPUn repositorio de especificaciones de integración de API que los agentes de IA pueden consultar y tomar como base.

fx preview

fxAgentes y MCPUn agente de programación de alto rendimiento, construido en Zig, que se ejecuta desde la línea de comandos.

hyperframes.dev

HyperFrames preview

HyperFramesAgentes y MCPUn motor headless que renderiza HTML a vídeo MP4 sin un navegador visible.

Foglamp preview

FoglampAgentes y MCPUna herramienta de observabilidad que vigila la latencia y los costes operativos.

Distill preview

DistillAgentes y MCPUn agente de IA que reúne notas de investigación dispersas y las organiza en orden.

Agentation preview

AgentationAgentes y MCPConvierte las anotaciones de UI en pantalla en contexto sobre el que los agentes de IA pueden actuar.

OpenCode preview

OpenCodeAgentes y MCPUn agente de programación de IA de código abierto que vive en tu terminal y funciona desde la línea de comandos.

impeccable.style

Impeccable preview

ImpeccableAgentes y MCPUna habilidad de inteligencia de diseño que da a los agentes de IA un mejor criterio sobre una buena UI.

SkillSync preview

SkillSyncAgentes y MCPMantiene sincronizado el contexto de tu agente entre los distintos editores de código que utilizas.

bb preview

bbAgentes y MCPUn entorno de desarrollo de código abierto pensado para ejecutar y probar agentes de programación.

Capacity preview

CapacityAgentes y MCPUn espacio de trabajo en lenguaje natural que convierte tus prompts en aplicaciones full-stack.

Lafys preview

LafysAgentes y MCPUn generador basado en prompts que convierte descripciones sencillas en componentes de UI para creadores.

Efecto preview

EfectoAgentes y MCPUn lienzo web visual centrado en agentes que se conecta con herramientas a través de MCP.

Arc labs preview

Arc labsAgentes y MCPUn conjunto de herramientas de IA para la carrera profesional que realiza entrevistas técnicas simuladas para ayudarte a practicar.

Scira preview

SciraAgentes y MCPUn buscador de IA minimalista y de código abierto para encontrar respuestas en toda la web.

Kombai preview

KombaiAgentes y MCPUn ingeniero de diseño de IA que escribe código de UI a partir del contexto que le proporcionas.

Causal preview

CausalAgentes y MCPUn espacio de trabajo tipo lienzo impulsado por IA para tomar notas y trazar planes.

Plataformas de despliegue y hosting

5Página de la sección

Vercel preview

VercelDespliegueUna plataforma en la nube para desplegar aplicaciones de Next.js y servirlas a la web.

developers.cloudflare.com

Cloudflare preview

CloudflareDespliegueEjecuta Workers sin servidor a través de una red perimetral global para desplegar aplicaciones.

Netlify preview

NetlifyDespliegueUna plataforma de alojamiento web que publica tus sitios mediante procesos de despliegue continuo.

Railway preview

RailwayDespliegueUna plataforma de infraestructura que simplifica el despliegue de aplicaciones y bases de datos.

Fly.io preview

Fly.ioDespliegueEjecuta tus contenedores de Docker en servidores situados físicamente cerca de tus usuarios.

Recursos de diseño

Ir a la categoría

Bibliotecas de iconos para React y la web

30Página de la sección

Lucide preview

LucideIconosUn conjunto de iconos abierto y mantenido por la comunidad, derivado de Feather, con miles de glifos para interfaces.

phosphoricons.com

Phosphor preview

PhosphorIconosUna familia de iconos flexible disponible en seis pesos consistentes para el diseño de interfaces.

Iconify preview

IconifyIconosUn framework unificado que pone una enorme variedad de iconos a tu alcance al instante.

Rune Icons preview

Rune IconsIconosUn conjunto de iconos minimalista que se distribuye en cinco estilos distintos para tus interfaces.

Icon MuseumIconosUn archivo que celebra la artesanía detrás de los iconos de aplicaciones móviles más destacados.

Tabler Icons preview

Tabler IconsIconosUna biblioteca de miles de iconos de estilo contorno para construir interfaces de usuario.

Heroicons preview

HeroiconsIconosIconos SVG hechos a mano por el equipo detrás del framework Tailwind CSS.

fonts.google.com

Material Symbols preview

Material SymbolsIconosLa fuente de iconos variable de Google que ofrece tres estilos seleccionables para interfaces.

icons.getbootstrap.com

Bootstrap Icons preview

Bootstrap IconsIconosLa biblioteca oficial de iconos SVG creada para combinar con el framework Bootstrap.

Remix IconIconosUna biblioteca de iconos de aspecto neutro disponible en versiones de contorno y rellenas.

Iconoir preview

IconoirIconosUn conjunto de iconos SVG de código abierto dibujados con grosores de trazo uniformes y consistentes.

Ionicons preview

IoniconsIconosUn pack de iconos pulido diseñado para usar en interfaces web y móviles.

simpleicons.org

Simple Icons preview

Simple IconsIconosUna colección de más de 3000 logotipos de marcas populares, cada uno disponible en formato SVG.

theSVG preview

theSVGIconosUn conjunto cuidadosamente seleccionado de logotipos de marcas limpios y listos para usar, entregados en formato SVG.

feathericons.com

Feather preview

FeatherIconosUn conjunto de iconos minimalista y de código abierto con cada glifo dibujado en una cuadrícula de 24 píxeles.

carbondesignsystem.com

Carbon Icons preview

Carbon IconsIconosLa biblioteca oficial de iconos de IBM, creada para construir diseños de productos de nivel empresarial.

Boxicons preview

BoxiconsIconosUn conjunto de iconos vectoriales elaborados y ofrecidos en tres estilos visuales distintos.

mx-icons.vercel.app

MX Icons preview

MX IconsIconosUna colección amplia y personalizable de iconos empaquetados como componentes de React.

akveo.github.io

Eva Icons preview

Eva IconsIconosUn pack de 400 iconos disponibles en estilos de contorno y rellenos para interfaces.

Devicon preview

DeviconIconosUn conjunto de iconos que abarca lenguajes de programación y herramientas de desarrollo populares.

css.gg preview

css.ggIconosUn conjunto de 700 iconos ligeros renderizados enteramente en CSS puro en lugar de SVG.

HugeIcons preview

HugeIconsIconosUna amplia biblioteca de iconos que ofrece iconos tanto en estilo de trazo como sólido.

Reicon preview

ReiconIconosUna biblioteca de iconos para React compatible con tree-shaking que distribuye los iconos en dos pesos distintos.

Iconsax preview

IconsaxIconosUn conjunto de iconos versátil que se distribuye en seis estilos visuales distintos para trabajar con UI.

icons0 preview

icons0IconosUn buscador que te permite encontrar iconos entre más de 200 000 opciones.

heroicons-animated.com

Heroicons Animated preview

Heroicons AnimatedIconosHeroicons rediseñados con animaciones activadas al pasar el cursor para interfaces interactivas.

Icons.download preview

Icons.downloadIconosUna biblioteca de iconos seleccionada que abarca dieciséis estilos estéticos distintos para elegir.

lucide-animated.com

Lucide Animated preview

Lucide AnimatedIconosEl conjunto de iconos de Lucide rediseñado con microanimaciones integradas para interfaces llenas de vida.

iconfoundry.store

Icon FoundryIconosUn archivo con búsqueda que reúne iconos de muchas familias diferentes.

Inkword preview

InkwordIconosEscribe una sola palabra y genera una ilustración acorde para acompañarla.

Fuentes y herramientas tipográficas para webs

7Página de la sección

Fontshare preview

FontshareFuentesUna biblioteca de fuentes de calidad profesional, gratuitas para usar en proyectos comerciales.

Klim preview

KlimFuentesUna fundición tipográfica que diseña tipografías contemporáneas para usar en toda la web.

Fontsource preview

FontsourceFuentesAutoaloja fuentes de código abierto instalándolas como paquetes de npm en tu proyecto.

wakamaifondue.com

Wakamai Fondue preview

Wakamai FondueFuentesUna herramienta que inspecciona archivos de fuentes y revela las características que admite cada uno.

Utopia preview

UtopiaFuentesUna calculadora de tipografía fluida que genera valores de clamp de CSS listos para usar.

Velvetyne preview

VelvetyneFuentesUna fundición tipográfica de código abierto que distribuye tipografías experimentales con licencia libre.

departuremono.com

Departure Mono preview

Departure MonoFuentesUna tipografía monoespaciada de estilo pixel diseñada para sentirse como en casa en la terminal.

Herramientas de color para diseño de interfaces

5Página de la sección

OKLCH preview

OKLCHColorUn selector de color construido sobre un espacio de color perceptualmente uniforme para elegir colores de UI.

Color.review preview

Color.reviewColorUn verificador de contraste que te ayuda a crear paletas de color que se mantienen accesibles.

huetone.ardov.me

Huetone preview

HuetoneColorUn generador de paletas que equilibra las relaciones de contraste para mantener accesibles los colores de UI.

APCA preview

APCAColorUn algoritmo de contraste moderno que se ajusta a cómo el ojo percibe realmente el color.

Ramps preview

RampsColorUna herramienta de design tokens para generar rampas de color suaves en el espacio OKLCH.

Herramientas y recursos 3D para la web

6Página de la sección

Three.js preview

Three.js3DUna biblioteca de JavaScript para crear y mostrar gráficos 3D en el navegador con WebGL.

r3f.docs.pmnd.rs

React Three Fiber preview

React Three Fiber3DUn renderizador declarativo para React que te permite construir escenas de Three.js como componentes.

drei.docs.pmnd.rs

Drei preview

Drei3DUn conjunto de componentes auxiliares ya hechos que agilizan los proyectos de React Three Fiber.

Blender preview

Blender3DUna suite de código abierto para modelado, animación y renderizado de escenas 3D para la web.

gltf.report preview

gltf.report3DUna herramienta en el navegador que inspecciona y aligera los assets glTF para que los modelos 3D carguen más rápido en la web.

Poly Haven preview

Poly Haven3DUna biblioteca pública de texturas con licencia CC0, gratuitas para descargar y reutilizar en cualquier proyecto.

Shaders WebGL y degradados con shaders

7Página de la sección

thebookofshaders.com

Book of Shaders preview

Book of ShadersShadersUna guía interactiva y práctica que te enseña a escribir fragment shaders paso a paso.

compute.toys preview

compute.toysShadersUn sandbox en línea para escribir y experimentar con compute shaders de WGSL.

Shaderfrog preview

ShaderfrogShadersUn editor visual basado en nodos para crear shaders conectando nodos de un grafo.

shadercn preview

shadercnShadersComponentes de shaders para React que puedes incorporar a tus proyectos, construidos sobre vgpu y TypeGPU.

shaders.paper.design

Paper Shaders preview

Paper ShadersShadersShaders listos para importar que se distribuyen sin dependencias para tus proyectos web.

openshaders.com

OpenShaders preview

OpenShadersShadersUna biblioteca de código abierto de shaders de WebGL lista para incorporar a tus proyectos web.

orbkit.zzzzshawn.cloud

Orbkit preview

OrbkitShadersUn renderizador impulsado por WebGL para crear efectos de orbes animados en el navegador.

Utilidades

Ir a la categoría

Utilidades web para diseñadores y desarrolladores

34Página de la sección

SVGOMG preview

SVGOMGUtilidades webUna herramienta gráfica que funciona en el navegador para optimizar y limpiar archivos SVG.

RegExr preview

RegExrUtilidades webUn entorno interactivo para escribir y probar expresiones regulares en el navegador.

Squoosh preview

SquooshUtilidades webComprime imágenes directamente en el navegador y compara el antes y el después en paralelo.

Fffuel preview

FffuelUtilidades webUn conjunto de herramientas en el navegador para generar texturas, degradados y patrones de fondo en SVG.

ui.camera preview

ui.cameraUtilidades webCrea maquetas 3D y escenas preparadas para presentar interfaces de software.

Ray.so preview

Ray.soUtilidades webConvierte tus fragmentos de código en imágenes pulidas y fáciles de compartir con unos pocos clics.

transform.tools

Transform preview

TransformUtilidades webUn conversor multiformato para transformar JSON y definiciones de tipos en otro código.

Playgrnd preview

PlaygrndUtilidades webUn conjunto de herramientas creativas que funcionan totalmente sin conexión, dentro de tu navegador.

Anim8 preview

Anim8Utilidades webConvierte tus grabaciones de pantalla en MP4 en gráficos SVG animados y ligeros.

OGFolio preview

OGFolioUtilidades webPrevisualiza e inspecciona cómo se verán tus tarjetas sociales de Open Graph al compartirlas.

dotforge.vercel.app

DotForge preview

DotForgeUtilidades webGenera efectos de tramado en tiempo real, listos para incorporar a tus proyectos web.

ASCIInator preview

ASCIInatorUtilidades webConvierte imágenes en arte ASCII basado en texto sin salir de la ventana del navegador.

Vessa preview

VessaUtilidades webPublica las directrices de tu marca como páginas web vivas que los equipos pueden compartir.

Icoon preview

IcoonUtilidades webUna herramienta impulsada por IA para generar iconos tridimensionales personalizados bajo demanda.

designminis.com

Design Minis preview

Design MinisUtilidades webUna colección de pequeñas utilidades de diseño y generadores de escalas reunidos en un solo lugar.

ascii.krackeddevs.com

ASCII (Kracked Devs) preview

ASCII (Kracked Devs)Utilidades webConvierte rápidamente texto plano en arte ASCII estilizado directamente en el navegador.

literate-enigma-snowy.vercel.app

Dither Lab preview

Dither LabUtilidades webUna herramienta para aplicar filtros de tramado de estilo vintage a tus fotografías.

usehallmark.com

Hallmark preview

HallmarkUtilidades webUn creador de páginas de aterrizaje que produce diseños con apariencia artesanal.

Tooooools preview

ToooooolsUtilidades webUn conjunto de utilidades en el navegador para tramar y pixelar tus imágenes.

Screan preview

ScreanUtilidades webCrea maquetas promocionales de capturas para la App Store con las que mostrar tus fichas de aplicación.

PostSpark preview

PostSparkUtilidades webDecora tus capturas de pantalla con fondos limpios pensados para compartir en redes sociales.

Drawably preview

DrawablyUtilidades webUna herramienta de dibujo que genera formas con estilo dibujado a mano para interfaces de usuario.

Mesurer preview

MesurerUtilidades webUna regla en pantalla para medir y comprobar el espaciado en píxeles en sitios web en vivo.

render-labs.evlog.cloud

render-labs.evlog.cloud

Render LabsUtilidades webUna herramienta de renderizado de imágenes creada por el equipo de evlog para diseñadores y desarrolladores.

Butterfly preview

ButterflyUtilidades webUn creador de páginas de aterrizaje minimalista pensado para validar ideas de producto con rapidez.

Corne preview

CorneUtilidades webDocumentación y material de referencia sobre todo lo relacionado con el teclado dividido Corne.

Shiori preview

ShioriUtilidades webUn gestor de marcadores que funciona desde la línea de comandos y se integra con Raycast.

opensource-together.com

Open Source Together preview

Open Source TogetherUtilidades webUna plataforma que conecta a los desarrolladores con proyectos de código abierto a los que contribuir.

asciistudio.space

ASCII Studio preview

ASCII StudioUtilidades webUn estudio en el navegador que convierte tanto imágenes como vídeos en arte ASCII de texto.

Tabbied preview

TabbiedUtilidades webUna herramienta generativa para crear patrones geométricos y exportarlos como SVG.

studio.rynix.in

Rynix Studio preview

Rynix StudioUtilidades webUn entorno para experimentar con efectos visuales en tiempo real aplicados al vídeo.

Mascofast preview

MascofastUtilidades webUna herramienta de IA que crea mascotas 3D animadas con fondos transparentes.

screenshot-studio.com

Screenshot Studio preview

Screenshot StudioUtilidades webEnvuelve capturas planas en maquetas 3D realistas; una práctica utilidad de navegador para diseñadores y desarrolladores.

Replay preview

ReplayUtilidades webGraba sesiones reales de visitantes para que puedas reproducir cómo usa la gente tu sitio en realidad.

Apps de escritorio para diseñadores y desarrolladores

12Página de la sección

Raycast preview

RaycastApps de escritorioUn lanzador para Mac ampliable que ejecuta comandos y búsquedas, sustituyendo a Spotlight.

Ghostty preview

GhosttyApps de escritorioUn emulador de terminal acelerado por GPU y diseñado para la velocidad, orientado a desarrolladores de línea de comandos.

Warp preview

WarpApps de escritorioUna terminal escrita en Rust que agrupa la salida de los comandos en bloques y añade asistencia con IA.

CleanShot X preview

CleanShot XApps de escritorioCaptura pantallas y graba tu pantalla en una sola utilidad de escritorio para Mac.

Granola preview

GranolaApps de escritorioUn bloc de notas con IA que redacta resúmenes de reuniones sin enviar un bot a la llamada.

LocalSend preview

LocalSendApps de escritorioTransfiere archivos de forma segura entre dispositivos cercanos a través de una red Wi-Fi local.

Canario preview

CanarioApps de escritorioUna terminal que organiza tus sesiones de línea de comandos en paneles separados.

CoolDock preview

CoolDockApps de escritorioUn dock de escritorio secundario que aloja widgets de monitorización junto a tus aplicaciones.

Supaste preview

SupasteApps de escritorioUna aplicación para Mac que gestiona tu portapapeles y conserva un historial de capturas anteriores.

Runey preview

RuneyApps de escritorioAyuda a los freelancers a enviar facturas y a llevar el control de sus clientes en una sola aplicación.

Revone preview

RevoneApps de escritorioReúne las métricas de pagos de todas tus herramientas en un único panel de ingresos.

zen-browser.app

Zen Browser preview

Zen BrowserApps de escritorioUn fork de Firefox que añade pestañas verticales y una interfaz minimalista centrada en la concentración.

Grabación de pantalla y herramientas de vídeo

11Página de la sección

Screen Studio preview

Screen StudioGrabación de pantallaUn grabador de pantalla que añade zooms de cámara suaves a tus capturas de forma automática.

Remotion preview

RemotionGrabación de pantallaTe permite crear y renderizar vídeos mediante programación usando componentes de React.

blackmagicdesign.com

DaVinci Resolve preview

DaVinci ResolveGrabación de pantallaUna aplicación profesional que combina la edición de vídeo con el etalonaje de color en un solo flujo de trabajo.

Descript preview

DescriptGrabación de pantallaUn editor de vídeo con IA que te permite cortar el material editando la transcripción como texto.

Gifski preview

GifskiGrabación de pantallaConvierte vídeo en GIF de alta calidad conservando la velocidad de fotogramas original.

Slant It preview

Slant ItGrabación de pantallaTransforma capturas de pantalla planas en maquetas tridimensionales en ángulo.

Remocn preview

RemocnGrabación de pantallaComponentes de animación de Remotion listos para usar que puedes incorporar a la producción de vídeo.

bettershot.site

BetterShot preview

BetterShotGrabación de pantallaUn grabador de pantalla que añade zoom del cursor y subtítulos a tus grabaciones.

Recordly preview

RecordlyGrabación de pantallaUna herramienta de grabación de pantalla para montar demos de desarrollo pulidas.

Cursorful preview

CursorfulGrabación de pantallaUn grabador de pantalla que sigue automáticamente tu cursor mientras grabas.

Tokokino preview

TokokinoGrabación de pantallaEnmarca tus capturas en maquetas de dispositivos directamente desde este editor en el navegador.

Pizarras y herramientas de bocetado

4Página de la sección

tldraw preview

tldrawPizarrasUna pizarra de lienzo infinito que puedes integrar en tu propia aplicación mediante su SDK de React.

Excalidraw preview

ExcalidrawPizarrasUna pizarra colaborativa en línea que representa todo con un estilo de boceto dibujado a mano.

Obsidian preview

ObsidianPizarrasUna base de conocimiento en Markdown de prioridad local que enlaza tus notas en un grafo visual.

Linear preview

LinearPizarrasUn software de gestión de proyectos para planificar y seguir el trabajo, concebido en torno a la velocidad.

Colecciones

Listas más acotadas para las preguntas que la gente realmente busca, todas extraídas del índice completo.

Diseñadores que vale la pena seguir

Ingenieros de diseño cuyos portafolios, trabajo de código abierto y textos moldean la forma en que se construyen las interfaces.

Los 132 diseñadores

Emil Kowalski preview

Emil KowalskiIngeniero de diseñoConocido por crear Sonner, Vaul y una amplia variedad de trabajos de animación.

Rauno Freiberg preview

Rauno FreibergIngeniero de diseñoAutor de las Interaction Guidelines en Vercel.

Paco Coursey preview

Paco CourseyIngeniero de diseñoConocido por desarrollar los proyectos cmdk y next-themes.

Gavin Nelson preview

Gavin NelsonIngeniero de diseñoDiseñador en OpenAI que crea interfaces táctiles.

Adam Argyle preview

Adam ArgyleIngeniero de diseñoTrabaja en Chrome Developer Relations, impulsando el avance de CSS.

sarahdrasner.com

Sarah Drasner preview

Sarah DrasnerIngeniero de diseñoLíder de ingeniería que además escribe sobre animación web.

Jhey Tompkins preview

Jhey TompkinsIngeniero de diseñoDesarrollador creativo conocido por sus experimentos desenfadados en CSS.

lynnandtonic.com

Lynn Fisher preview

Lynn FisherIngeniero de diseñoDiseñadora responsable del proyecto Single Div.

¿Has creado algo que merezca estar aquí?

Envíanos el enlace. Si encaja en una sección, recibirá una grabación de vista previa y un marco propio.

Enviar una herramienta

Designeer — Diseño, componentes UI y herramientas dev