Recursos de Diseño Web
Una colección curada de los mejores recursos gratuitos para diseñadores y desarrolladores. Fuentes, iconos, colores, animaciones, herramientas CSS y más.
Google Fonts
Free, open-source font library with 1500+ font families.
Visitar →
FontsFont Squirrel
Free fonts with commercial-use licenses and a webfont generator.
Visitar →
FontsFontshare
Free, high-quality fonts from the Indian Type Foundry.
Visitar →
FontsFontsource
Self-host open-source fonts via NPM packages.
Visitar →
IconsHeroicons
Beautiful hand-crafted SVG icons by the Tailwind CSS team.
Visitar →
IconsLucide
Beautiful & consistent open-source icon set, fork of Feather Icons.
Visitar →
IconsPhosphor Icons
Flexible icon family with 6 weights and 1000+ icons.
Visitar →
IconsTabler Icons
5000+ free SVG icons with consistent stroke width.
Visitar →
IconsSimple Icons
SVG icons for popular brands and products.
Visitar →
IllustrationsunDraw
Open-source illustrations with customizable colors.
Visitar →
IllustrationsHumaaans
Mix-and-match illustration library of people.
Visitar →
IllustrationsOpen Peeps
Hand-drawn illustration library by Pablo Stanley.
Visitar →
ColorsCoolors
Fast color scheme generator with export options.
Visitar →
ColorsColor Hunt
Curated collection of beautiful color palettes.
Visitar →
ColorsRealtime Colors
Visualize your color palette on a real website layout.
Visitar →
ColorsOKLCH Color Picker
Modern OKLCH color picker for perceptually uniform colors.
Visitar →
Lottie AnimationsLottieFiles
The largest library of free Lottie animations and tools.
Visitar →
Lottie AnimationsIconScout Lottie
Animated Lottie icons and illustrations.
Visitar →
CSS ToolsCSS-Tricks
Articles, tutorials, and reference on CSS and frontend dev.
Visitar →
CSS ToolsCan I Use
Browser support tables for modern web features.
Visitar →
CSS ToolsTailwind CSS
Utility-first CSS framework with design system built in.
Visitar →
CSS ToolsCSS Gradient
Free CSS gradient generator tool.
Visitar →
CSS ToolsClippy
CSS clip-path maker for custom shapes.
Visitar →
AccessibilityWebAIM
Web accessibility resources, training, and evaluation tools.
Visitar →
AccessibilityThe A11Y Project
Community-driven effort to make digital accessibility easier.
Visitar →
AccessibilityWCAG 2.1 Guidelines
Official W3C Web Content Accessibility Guidelines.
Visitar →
AccessibilityAxe DevTools
Automated accessibility testing tool.
Visitar →
Design SystemsDesign Systems Repo
Collection of design systems, style guides, and pattern libraries.
Visitar →
Design SystemsStorybook
UI development environment for building component libraries.
Visitar →
Design SystemsDesign Tokens Community
Community and spec for design tokens standardization.
Visitar →
InspirationDribbble
Design community for sharing and discovering creative work.
Visitar →
InspirationAwwwards
Awards for the best web design and development.
Visitar →
InspirationMobbin
Real-world mobile and web design references.
Visitar →
InspirationGodly
Curated collection of the best web design inspiration.
Visitar →
InspirationSaaS Landing Page
Collection of the best SaaS landing page designs.
Visitar →
Extrae assets de diseño de cualquier sitio web
La extensión de Chrome MiroMiro te permite extraer CSS, colores, fuentes, imágenes, SVGs y animaciones Lottie de cualquier sitio web en vivo.