CSS-Tricks
Tutoriales y artículos sobre CSS y desarrollo web frontend
CSS Frontend
Recursos Cósmicos
Colección de herramientas y recursos para diseño y desarrollo web
Modern CSS Solutions
Soluciones modernas a problemas comunes de CSS
CSS Moderno Soluciones
CSS Reference
Guía visual completa de propiedades CSS
CSS Referencia Documentación
CSS Gradient Generator
Generador de gradientes CSS con vista previa en tiempo real
CSS Gradientes Generador
Neumorphism.io
Generador de diseños neumórficos con CSS
CSS Neumorfismo Generador
CSS Grid Generator
Generador de layout con CSS Grid
CSS Grid Generador
Fancy Border Radius
Generador visual de border-radius avanzados
CSS Border Radius Generador
Animista
Generador de animaciones CSS personalizables
CSS Animaciones Generador
Clippy
Generador de clip-path CSS con vista previa en tiempo real
CSS Clip Path Generador
Haikei
Generador de formas SVG, patrones y fondos únicos
SVG Generador Fondos
SVG Waves
Generador para crear ondas SVG instantáneamente
SVG Ondas Generador
Get Waves
Crea ondas SVG para tus próximos diseños
SVG Ondas Generador
Blobmaker
Crea formas orgánicas SVG para tus diseños
SVG Formas Generador
Shape Divider App
Generador de divisores de formas para sitios web
SVG Divisores Generador
Blobs
Generador de formas hermosas para aplicaciones web y Flutter
SVG Blobs Generador
Generador de separadores
Generador de separadores de secciones CSS
CSS Separadores Generador
SVG Generator Wavy
Generador de transiciones onduladas SVG entre secciones
SVG Transiciones Generador
LottieFiles
Plataforma para animaciones Lottie ligeras y escalables
Animación Lottie Vector
GSAP
La biblioteca estándar para animaciones web profesionales
Animación JavaScript Profesional
Framer Motion
Biblioteca de animaciones para React
React Animación Biblioteca
Keyframes.app | CSS Toolbox
Herramienta para crear animaciones CSS de forma visual
Animación CSS Herramienta
argyleink/transition.css
Biblioteca CSS para transiciones animadas personalizables
Animación CSS Transiciones
WAIT! Animate
Generador de retrasos para animaciones CSS
Animación CSS Herramienta
Can I animate...?
Base de datos para comprobar compatibilidad de animaciones CSS
Animación CSS Compatibilidad
AnimatiSS
Colección de animaciones CSS listas para usar
Animación CSS Colección
Coolors
Generador de paletas de colores y explorador de esquemas
Color Paletas Diseño
Color Hunt
Colección de paletas de colores para diseñadores y artistas
Color Paletas Inspiración
Adobe Color
Rueda de color y herramientas de color profesionales
Color Adobe Profesional
Paletton
Herramienta para crear esquemas de color personalizados
Color Paletas Herramientas
Colormind
Generador de paletas de colores usando inteligencia artificial
Color Paletas IA
Khroma
Generador de paletas de colores personalizado basado en preferencias
Color Paletas Personalización
ColorSpace
Herramienta para generar paletas de colores y gradientes
Color Paletas Gradients
Randoma11y
Generador de paletas de colores accesibles
Color Paletas Accesibilidad
Color y Contraste
Guía interactiva para verificar el contraste de colores
Color Contraste Accesibilidad
Phosphor Icons
Conjunto flexible de iconos con múltiples estilos
Iconos UI Diseño
Heroicons
Iconos hermosos hechos por los creadores de Tailwind CSS
Iconos Tailwind UI
Font Awesome
El conjunto de iconos más popular para web
Iconos Fuentes Web
Material Icons
Iconos de Google que siguen las directrices de Material Design
Iconos Material Design Google
Feather Icons
Iconos minimalistas y personalizables
Iconos Minimalistas UI
Ionicons
Conjunto de iconos diseñado para Ionic Framework, adaptable para cualquier uso
Iconos Ionic UI
SVGL Icons por @Pheralb
Generador de iconos SVG simple y práctico creado por Pheralb
Iconos SVG Diseño
Iconscout
Plataforma con una amplia biblioteca de iconos, ilustraciones y recursos de diseño
Iconos Ilustraciones Diseño
Google Fonts
Biblioteca de fuentes web gratuitas
Tipografía Fuentes Web
Type Scale
Calculadora visual de escalas tipográficas
Tipografía Escala Diseño
Fontjoy
Generador de combinaciones tipográficas con IA
Tipografía Combinaciones IA
DaFont
Colección de fuentes gratuitas para descargar
Tipografía Fuentes Gratis
Adobe Fonts
Servicio de fuentes profesionales para diseñadores
Tipografía Fuentes Profesionales
Font Squirrel
Fuentes gratuitas de alta calidad para uso comercial
Tipografía Fuentes Comercial
CSS Froggy
Aprende CSS Flexbox jugando con una rana
CSS Flexbox Juego
Grid Garden
Aprende CSS Grid cultivando un jardín
CSS Grid Juego
Flexbox Defense
Juego para aprender Flexbox
CSS Flexbox Juego
CodeCombat
Aprende a programar jugando en un entorno de fantasía
Programación Juego JavaScript
CheckiO
Juego de desafíos de programación para aprender Python y JavaScript
Python JavaScript Juego
CodinGame
Aprende a programar resolviendo desafíos mientras juegas
Programación Juego Desafíos
Robocode
Aprende Java creando robots que luchan entre sí
Java Programación Juego
CSSBattle
Practica CSS en un entorno de batalla
CSS Juego Desafíos
CSS Diner
Aprende selectores de CSS jugando
CSS Juego
Guess CSS!
Juego para poner a prueba tus habilidades con HTML y CSS
CSS HTML Juego
Coding Fantasy
Aprende CSS, HTML y JavaScript mientras programas juegos
CSS HTML JavaScript Juego
WarriorJS
Aprende JavaScript mediante un juego de fantasía
JavaScript Juego
The Bézier Game
Aprende a utilizar curvas Bézier jugando
SVG Bézier Juego
Crunchzilla
Cursos interactivos para aprender a programar
Programación Interactivo
Dribbble
Plataforma para descubrir y compartir el trabajo de diseñadores de todo el mundo
Inspiración Diseño Portafolios
Galerías de Componentes UI
Colección de galerías de componentes para facilitar el diseño de interfaces de usuario
Componentes UI Inspiración
Behance
Plataforma para descubrir portafolios creativos y trabajos de diseño
Portafolios Inspiración Diseño
Awwwards
Galería de sitios web premiados por su diseño y creatividad
Web Inspiración Diseño
Figma Community
Comunidad donde se comparten archivos y recursos de diseño en Figma
Figma Componentes UI Recursos
CSS Gradient Generator
Generador de degradados CSS con vista previa en tiempo real
CSS Degradados Generador
Fondos degradados
Los mejores sitios de gradientes en un solo lugar
CSS Degradados Fondos
Josh W Comeau
Generador de degradados CSS con una vista interactiva
CSS Degradados Generador
Colección de degradados gratuitos
Colección de gradientes gratuitos para diseñadores y desarrolladores
CSS Degradados Colección
Design Gradients
Sitio para descubrir y descargar gradientes para diseño
CSS Degradados Diseño
GradientArt
Editor avanzado para crear gradientes CSS personalizados
CSS Degradados Editor
Editor degradados CSS
Editor de gradientes CSS fácil de usar
CSS Degradados Editor
Easing Gradients
Gradientes con transiciones de easing para un diseño más suave
CSS Degradados Easing
Descend Sun Multicolor Gradient
Gradiente multicolor gratuito para proyectos creativos
CSS Degradados Multicolor
Filtros de Fotos Personalizados para CSS
Crea filtros de fotos estilo Instagram para CSS
CSS Filtros Fotos
Degradados Multicolor CSS
Degradados CSS y descargas JPG, 100% gratuitos
CSS Degradados Multicolor
CSS Duotone
Herramienta para crear efectos de duotono en CSS
CSS Duotono Degradados
SVGOMG
Herramienta para optimizar SVGs en línea de forma sencilla
SVG Optimización Herramienta
SVGO
CLI para optimizar gráficos vectoriales SVG
SVG CLI Optimización
SVGator
Herramienta para crear animaciones SVG interactivas
SVG Animación Herramienta
FFFuel
Colección de generadores gratuitos de SVG, herramientas de color y recursos de diseño web
SVG Generadores Diseño
dddoodle
Colección de ilustraciones dibujadas a mano en formato SVG
SVG Ilustraciones Dibujos a mano
bbblurry
Generador de formas decorativas borrosas en SVG
SVG Generador Formas borrosas
BgJar
Generador gratuito de fondos SVG personalizables
SVG Fondos Herramienta
Pattern Monster
Generador de patrones SVG
SVG Patrones Generador
SVG Backgrounds
Personaliza y aplica fondos SVG rápidamente
SVG Fondos Herramienta
SVG Wave Generator
Generador para crear ondas SVG personalizables
SVG Ondas Generador
Hero Patterns
Patrones SVG listos para usar en tus proyectos
SVG Patrones Diseño
SVGRepo
Colección de SVGs gratuitos para uso en proyectos
SVG Recursos Gratis
Remix Icon
Biblioteca de iconos SVG de código abierto
SVG Iconos Código abierto
Boxicons
Colección de iconos vectoriales en SVG y Figma
SVG Iconos Figma
Heroicons
Iconos SVG gratuitos para proyectos web
SVG Iconos Gratis
Tabler Icons
Colección de iconos SVG de código abierto
SVG Iconos Código abierto
React
Biblioteca para construir interfaces de usuario interactivas
JavaScript UI Componentes
Vue.js
Framework progresivo para la construcción de interfaces de usuario
JavaScript UI Framework
Angular
Plataforma para construir aplicaciones web dinámicas
JavaScript Framework Frontend
Tailwind CSS
Framework de utilidades para estilizar componentes rápidamente
CSS Estilización Framework
Bootstrap
Framework para diseño responsive y componentes UI
CSS JavaScript Responsive
freeCodeCamp
Plataforma para aprender a programar de forma gratuita
Educación Programación Gratis
Khan Academy
Recursos educativos gratuitos en una amplia gama de temas
Educación Gratis Matemáticas
Codeacademy
Aprende a programar interactuando con el código
Educación Programación Interactivo
CSS-Tricks
Consejos, trucos y técnicas sobre CSS y desarrollo front-end
Blog CSS Frontend
Smashing Magazine
Artículos para diseñadores y desarrolladores web
Blog Diseño Desarrollo
Dev.to
Comunidad de desarrolladores compartiendo ideas y código
Blog Desarrollo Comunidad
A List Apart
Explorando el diseño, desarrollo y significado del contenido web
Blog Diseño Web Contenido
Medium
Plataforma para que escritores y lectores compartan ideas
Blog Escritura Plataforma
Figmalion
Recursos, tutoriales y tips para aprender Figma
Blog Diseño Figma
Norman Nielsen Group
Recursos, investigaciones y artículos sobre experiencia de usuario
UX Investigación Diseño
UX Collective
Artículos y recursos sobre experiencia de usuario y diseño
UX UI Diseño
Smashing Magazine
Artículos para diseño y desarrollo enfocados en UX/UI
UX UI Desarrollo
Laws of UX
Principios psicológicos que guían el diseño de experiencia de usuario
UX Psicología Principios
Interaction Design Foundation
Cursos y recursos sobre diseño de interacción y UX
UX Interacción Educación
UX Design
Recursos y artículos sobre diseño de experiencia de usuario
UX Diseño Recursos
The UX Cookbook
Recetas y consejos para mejorar la experiencia de usuario
UX Consejos Recetas
Plugins de Figma
Encuentra los mejores plugins para mejorar tu flujo de trabajo en Figma
Figma Plugins Herramientas
Figma Tokens
Plugin para gestionar y aplicar design tokens en tus proyectos de diseño
Figma Tokens Diseño
FigJam
Herramienta colaborativa de diagramas y brainstorming de Figma
Figma FigJam Colaboración
Material Design Kit
Kit de diseño oficial de Material Design para Figma
Figma Material Design UI
UI8 Marketplace
Plantillas premium, UI kits y componentes para proyectos de diseño
UI Kits Plantillas Diseño
Landingfolio
Inspiración de diseño para páginas de aterrizaje modernas
Inspiración Landings Diseño
FigmaCrush
Colección de recursos y plantillas gratuitas para Figma
UI Kits Plantillas Figma
Dribbble
Plataforma para explorar y compartir inspiración de diseño UI
Inspiración Diseño UI
Component Gallery
Colección de componentes de diseño para inspiración y uso
Componentes Diseño Web
Can I include
Herramienta para verificar si un elemento HTML puede ser incluido en otro
HTML Elementos Compatibilidad
HTML Reference
Guía visual completa de todos los elementos y atributos de HTML
HTML Referencia Visual
Web.dev - HTML
Recursos para aprender HTML moderno con buenas prácticas
HTML Educación Modernización
HTML DOM
Documentación interactiva de los métodos y propiedades del DOM HTML
HTML DOM Interactividad
CSS-Tricks HTML Guide
Una colección de artículos y ejemplos para entender mejor HTML
HTML Artículos Guías
CSS-Tricks
Tutorials and articles about CSS and frontend development
CSS Frontend Development
Modern CSS Solutions
Modern solutions for common CSS problems
CSS Modern Solutions
CSS Reference
Complete visual guide to CSS properties
CSS Reference Documentation
CSS Gradient Generator
CSS gradient generator with real-time preview
CSS Gradients Generator
Neumorphism.io
Generate soft-UI CSS code
CSS Neumorphism Generator
CSS Grid Generator
CSS Grid layout generator
CSS Grid Generator
Fancy Border Radius
Visual generator for advanced border-radius
CSS Border Radius Generator
Animista
Customizable CSS animations generator
CSS Animations Generator
Clippy
CSS clip-path generator with real-time preview
CSS Clip Path Generator
Haikei
Generator for unique SVG shapes, patterns, and backgrounds
SVG Generator Backgrounds
SVG Waves
Instant generator for SVG wave shapes
SVG Waves Generator
Get Waves
Create SVG waves for your next design
SVG Waves Generator
Blobmaker
Create organic SVG shapes for your designs
SVG Shapes Generator
Shape Divider App
Generator for shape dividers in websites
SVG Dividers Generator
Blobs
Generate beautiful blob shapes for web and Flutter apps
SVG Blobs Generator
Section Separator
CSS section separator generator
CSS Separators Generator
SVG Generator Wavy
Generator for SVG wavy transitions between sections
SVG Transitions Generator
LottieFiles
Platform for lightweight, scalable Lottie animations
Animation Lottie Vector
GSAP
The standard for professional web animations
Animation JavaScript Professional
Framer Motion
Production-ready animation library for React
React Animation Library
Keyframes.app | CSS Toolbox
Tool for visually creating CSS animations
Animation CSS Tool
argyleink/transition.css
CSS library for customizable animated transitions
Animation CSS Transitions
WAIT! Animate
CSS animation delay generator
Animation CSS Tool
Can I animate...?
Database for checking CSS animation compatibility
Animation CSS Compatibility
AnimatiSS
Collection of ready-to-use CSS animations
Animation CSS Collection
Coolors
Color schemes generator and palettes explorer
Color Palettes Design
Color Hunt
Collection of color palettes for designers and artists
Color Palettes Inspiration
Adobe Color
Professional color wheel and color tools
Color Adobe Professional
Paletton
Tool for creating custom color schemes
Color Palettes Tools
Colormind
Color palette generator using artificial intelligence
Color Palettes AI
Khroma
Color palette generator customized based on preferences
Color Palettes Customization
ColorSpace
Tool to generate color palettes and gradients
Color Palettes Gradients
Randoma11y
Accessible color palettes generator
Color Palettes Accessibility
Color and Contrast
Interactive guide to check color contrast
Color Contrast Accessibility
Phosphor Icons
Flexible icon set with multiple styles
Icons UI Design
Heroicons
Beautiful icons by the makers of Tailwind CSS
Icons Tailwind UI
Font Awesome
The web most popular icon set
Icons Fonts Web
Material Icons
Google icons following the Material Design guidelines
Icons Material Design Google
Feather Icons
Minimalist and customizable icons
Icons Minimalist UI
Ionicons
Icon set designed for the Ionic Framework, adaptable for any use
Icons Ionic UI
SVGL Icons by @Pheralb
Simple and practical SVG icon generator created by Pheralb
Icons SVG Design
Iconscout
Platform with a vast library of icons, illustrations, and design resources
Icons Illustrations Design
Google Fonts
Free web font library
Typography Fonts Web
Type Scale
Visual type scale calculator
Typography Scale Design
Fontjoy
AI-powered font pairing generator
Typography Combinations AI
DaFont
Collection of free fonts for download
Typography Fonts Free
Adobe Fonts
Professional font service for designers
Typography Fonts Professional
Font Squirrel
High-quality free fonts for commercial use
Typography Fonts Commercial
CSS Froggy
Learn CSS Flexbox by playing with a frog
CSS Flexbox Game
Grid Garden
Learn CSS Grid by growing a garden
CSS Grid Game
Flexbox Defense
A game to learn Flexbox
CSS Flexbox Game
CodeCombat
Learn to code by playing in a fantasy world
Programming Game JavaScript
CheckiO
Programming challenges game to learn Python and JavaScript
Python JavaScript Game
CodinGame
Learn to code by solving challenges while playing games
Programming Game Challenges
Robocode
Learn Java by creating robots that battle each other
Java Programming Game
CSSBattle
Practice CSS in a battle environment
CSS Game Challenges
CSS Diner
Learn CSS selectors by playing
CSS Game
Guess CSS!
Game to test your HTML and CSS skills
CSS HTML Game
Coding Fantasy
Learn CSS, HTML, and JavaScript through coding games
CSS HTML JavaScript Game
WarriorJS
Learn JavaScript through a fantasy game
JavaScript Game
The Bézier Game
Learn to use Bézier curves by playing
SVG Bézier Game
Crunchzilla
Interactive courses for learning to code
Programming Interactive
Dribbble
Platform to discover and share work from designers around the world
Inspiration Design Portfolios
UI Component Galleries
Collection of component galleries to help design user interfaces
Components UI Inspiration
Behance
Platform to discover creative portfolios and design work
Portfolios Inspiration Design
Awwwards
Gallery of award-winning websites for design and creativity
Web Inspiration Design
Figma Community
Community where design files and resources are shared in Figma
Figma Components UI Resources
CSS Gradient Generator
CSS gradient generator with real-time preview
CSS Gradients Generator
Gradient Backgrounds
The best gradient sites all in one place
CSS Gradients Backgrounds
Josh W Comeau
CSS gradient generator with an interactive view
CSS Gradients Generator
Free Gradients Collection by itmeo.com
Free gradients collection for designers and developers
CSS Gradients Collection
Design Gradients
Site to discover and download design gradients
CSS Gradients Design
GradientArt
Advanced editor to create custom CSS gradients
CSS Gradients Editor
CSS Gradient Editor
Easy-to-use CSS gradient editor
CSS Gradients Editor
Easing Gradients
Gradients with easing transitions for smoother designs
CSS Gradients Easing
Descend Sun Multicolor Gradient
Free multicolor gradient for creative projects
CSS Gradients Multicolor
Create Custom Photo Filters for CSS
Create Instagram-like photo filters for CSS
CSS Filters Photos
Multicolor CSS Gradients
CSS gradients and JPG downloads, 100% free
CSS Gradients Multicolor
CSS Duotone
Tool for creating duotone effects in CSS
CSS Duotone color-palettes
SVGOMG
Online tool to easily optimize SVGs
SVG Optimization Tool
SVGO
CLI for optimizing SVG vector graphics
SVG CLI Optimization
SVGator
Tool for creating interactive SVG animations
SVG Animation Tool
FFFuel
Collection of free SVG generators, color tools, and web design resources
SVG Generators Design
dddoodle
Collection of hand-drawn SVG illustrations
SVG Illustrations Hand-drawn
bbblurry
Generator of blurry decorative SVG shapes
SVG Generator Blurry shapes
BgJar
Free generator for customizable SVG backgrounds
SVG Backgrounds Tool
Pattern Monster
SVG pattern generator
SVG Patterns Generator
SVG Backgrounds
Quickly customize and apply SVG backgrounds
SVG Backgrounds Tool
SVG Wave Generator
Generator to create customizable SVG waves
SVG Waves Generator
Hero Patterns
Ready-to-use SVG patterns for your projects
SVG Patterns Design
SVGRepo
Collection of free SVGs for use in projects
SVG Resources Free
Remix Icon
Open-source SVG icon library
SVG Icons Open-source
Boxicons
Collection of vector icons in SVG and Figma
SVG Icons Figma
Heroicons
Free SVG icons for web projects
SVG Icons Free
Tabler Icons
Open-source SVG icon collection
SVG Icons Open-source
React
Library for building interactive user interfaces
JavaScript UI Components
Vue.js
Progressive framework for building user interfaces
JavaScript UI Framework
Angular
Platform for building dynamic web applications
JavaScript Framework Frontend
Tailwind CSS
Utility-first CSS framework for rapid UI development
CSS Styling Framework
Bootstrap
Framework for responsive design and UI components
CSS JavaScript Responsive
freeCodeCamp
Learn to code for free with an interactive curriculum
Education Programming Free
Khan Academy
Free educational resources on a wide range of topics
Education Free Math
Codecademy
Learn to code by interacting with real code
Education Programming Interactive
CSS-Tricks
Tips, tricks, and techniques on using CSS and front-end development
Blog CSS Frontend
Smashing Magazine
Articles for web designers and developers
Blog Design Development
Dev.to
Community of developers sharing ideas and code
Blog Coding Community
A List Apart
Exploring the design, development, and meaning of web content
Blog Web Design Content
Medium
Platform for writers and readers to share ideas
Blog Writing Platform
Figmalion
Resources, tutorials, and tips to learn Figma
Blog Design Figma
Norman Nielsen Group
Resources, research, and articles about user experience
UX Research Design
UX Collective
Articles and resources about user experience and design
UX UI Design
Smashing Magazine
Articles for designers and developers focused on UX/UI
UX UI Development
Laws of UX
Psychological principles that guide UX design
UX Psychology Principles
Interaction Design Foundation
Courses and resources about interaction design and UX
UX Interaction Education
UX Design
Resources and articles about user experience design
UX Design Resources
The UX Cookbook
Recipes and tips to improve user experience
UX Tips Recipes
Figma Plugins
Discover the best plugins to enhance your Figma workflow
Figma Plugins Tools
Figma Tokens
Plugin to manage and apply design tokens in your design projects
Figma Tokens Design
FigJam
Collaborative diagramming and brainstorming tool by Figma
Figma FigJam Collaboration
Material Design Kit
Official Material Design kit for Figma
Figma Material Design UI
UI8 Marketplace
Premium templates, UI kits, and components for design projects
UI Kits Templates Design
Landingfolio
Design inspiration for modern landing pages
Inspiration Landings Design
FigmaCrush
Collection of free resources and templates for Figma
UI Kits Templates Figma
Dribbble
Platform to explore and share UI design inspiration
Inspiration Design UI
Component Gallery
Collection of design components for inspiration and use
Components Design Web
Can I include
Tool to check if an HTML element can be included in another
HTML Elements Compatibility
HTML Reference
Comprehensive visual guide to all HTML elements and attributes
HTML Reference Visual
Web.dev - HTML
Resources to learn modern HTML with best practices
HTML Education Modernization
HTML DOM
Interactive documentation of HTML DOM methods and properties
HTML DOM Interactivity
CSS-Tricks HTML Guide
A collection of articles and examples to better understand HTML
HTML Articles Guides