Categoría · 55 herramientas · 5 secciones

Iconos, fuentes, color, 3D y shaders

La última capa de una interfaz. Conjuntos de iconos con paquetes para React, tipografías y herramientas tipográficas, sistemas de color pensados para UI, y las herramientas de 3D y shaders que añaden profundidad sin necesidad de una granja de render.

01 / 05

Bibliotecas de iconos para React y la web

30Ir a 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.

02 / 05

Fuentes y herramientas tipográficas para webs

7Ir a 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.

03 / 05

Herramientas de color para diseño de interfaces

5Ir a 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.

04 / 05

Herramientas y recursos 3D para la web

6Ir a 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.

05 / 05

Shaders WebGL y degradados con shaders

7Ir a 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.

Herramientas de iconos, fuentes, color, 3D y shaders (55)