CSS-Tricks
Tutoriales y artículos sobre CSS y desarrollo web frontend
Colección de herramientas y recursos para diseño y desarrollo web
Tutoriales y artículos sobre CSS y desarrollo web frontend
Soluciones modernas a problemas comunes de CSS
Guía visual completa de propiedades CSS
Generador de gradientes CSS con vista previa en tiempo real
Generador de diseños neumórficos con CSS
Generador de layout con CSS Grid
Generador visual de border-radius avanzados
Generador de animaciones CSS personalizables
Generador de clip-path CSS con vista previa en tiempo real
Generador de formas SVG, patrones y fondos únicos
Generador para crear ondas SVG instantáneamente
Crea ondas SVG para tus próximos diseños
Crea formas orgánicas SVG para tus diseños
Generador de divisores de formas para sitios web
Generador de formas hermosas para aplicaciones web y Flutter
Generador de separadores de secciones CSS
Generador de transiciones onduladas SVG entre secciones
Plataforma para animaciones Lottie ligeras y escalables
La biblioteca estándar para animaciones web profesionales
Biblioteca de animaciones para React
Herramienta para crear animaciones CSS de forma visual
Biblioteca CSS para transiciones animadas personalizables
Generador de retrasos para animaciones CSS
Base de datos para comprobar compatibilidad de animaciones CSS
Colección de animaciones CSS listas para usar
Generador de paletas de colores y explorador de esquemas
Colección de paletas de colores para diseñadores y artistas
Rueda de color y herramientas de color profesionales
Herramienta para crear esquemas de color personalizados
Generador de paletas de colores usando inteligencia artificial
Generador de paletas de colores personalizado basado en preferencias
Herramienta para generar paletas de colores y gradientes
Generador de paletas de colores accesibles
Guía interactiva para verificar el contraste de colores
Conjunto flexible de iconos con múltiples estilos
Iconos hermosos hechos por los creadores de Tailwind CSS
El conjunto de iconos más popular para web
Iconos de Google que siguen las directrices de Material Design
Iconos minimalistas y personalizables
Conjunto de iconos diseñado para Ionic Framework, adaptable para cualquier uso
Generador de iconos SVG simple y práctico creado por Pheralb
Plataforma con una amplia biblioteca de iconos, ilustraciones y recursos de diseño
Biblioteca de fuentes web gratuitas
Calculadora visual de escalas tipográficas
Generador de combinaciones tipográficas con IA
Colección de fuentes gratuitas para descargar
Servicio de fuentes profesionales para diseñadores
Fuentes gratuitas de alta calidad para uso comercial
Aprende CSS Flexbox jugando con una rana
Aprende CSS Grid cultivando un jardín
Juego para aprender Flexbox
Aprende a programar jugando en un entorno de fantasía
Juego de desafíos de programación para aprender Python y JavaScript
Aprende a programar resolviendo desafíos mientras juegas
Aprende Java creando robots que luchan entre sí
Practica CSS en un entorno de batalla
Aprende selectores de CSS jugando
Juego para poner a prueba tus habilidades con HTML y CSS
Aprende CSS, HTML y JavaScript mientras programas juegos
Aprende JavaScript mediante un juego de fantasía
Aprende a utilizar curvas Bézier jugando
Cursos interactivos para aprender a programar
Plataforma para descubrir y compartir el trabajo de diseñadores de todo el mundo
Colección de galerías de componentes para facilitar el diseño de interfaces de usuario
Plataforma para descubrir portafolios creativos y trabajos de diseño
Galería de sitios web premiados por su diseño y creatividad
Comunidad donde se comparten archivos y recursos de diseño en Figma
Generador de degradados CSS con vista previa en tiempo real
Los mejores sitios de gradientes en un solo lugar
Generador de degradados CSS con una vista interactiva
Colección de gradientes gratuitos para diseñadores y desarrolladores
Sitio para descubrir y descargar gradientes para diseño
Editor avanzado para crear gradientes CSS personalizados
Editor de gradientes CSS fácil de usar
Gradientes con transiciones de easing para un diseño más suave
Gradiente multicolor gratuito para proyectos creativos
Crea filtros de fotos estilo Instagram para CSS
Degradados CSS y descargas JPG, 100% gratuitos
Herramienta para crear efectos de duotono en CSS
Herramienta para optimizar SVGs en línea de forma sencilla
CLI para optimizar gráficos vectoriales SVG
Herramienta para crear animaciones SVG interactivas
Colección de generadores gratuitos de SVG, herramientas de color y recursos de diseño web
Colección de ilustraciones dibujadas a mano en formato SVG
Generador de formas decorativas borrosas en SVG
Generador gratuito de fondos SVG personalizables
Generador de patrones SVG
Personaliza y aplica fondos SVG rápidamente
Generador para crear ondas SVG personalizables
Patrones SVG listos para usar en tus proyectos
Colección de SVGs gratuitos para uso en proyectos
Biblioteca de iconos SVG de código abierto
Colección de iconos vectoriales en SVG y Figma
Iconos SVG gratuitos para proyectos web
Colección de iconos SVG de código abierto
Biblioteca para construir interfaces de usuario interactivas
Framework progresivo para la construcción de interfaces de usuario
Plataforma para construir aplicaciones web dinámicas
Framework de utilidades para estilizar componentes rápidamente
Framework para diseño responsive y componentes UI
Plataforma para aprender a programar de forma gratuita
Recursos educativos gratuitos en una amplia gama de temas
Aprende a programar interactuando con el código
Consejos, trucos y técnicas sobre CSS y desarrollo front-end
Artículos para diseñadores y desarrolladores web
Comunidad de desarrolladores compartiendo ideas y código
Explorando el diseño, desarrollo y significado del contenido web
Plataforma para que escritores y lectores compartan ideas
Recursos, tutoriales y tips para aprender Figma
Recursos, investigaciones y artículos sobre experiencia de usuario
Artículos y recursos sobre experiencia de usuario y diseño
Artículos para diseño y desarrollo enfocados en UX/UI
Principios psicológicos que guían el diseño de experiencia de usuario
Cursos y recursos sobre diseño de interacción y UX
Recursos y artículos sobre diseño de experiencia de usuario
Recetas y consejos para mejorar la experiencia de usuario
Encuentra los mejores plugins para mejorar tu flujo de trabajo en Figma
Plugin para gestionar y aplicar design tokens en tus proyectos de diseño
Herramienta colaborativa de diagramas y brainstorming de Figma
Kit de diseño oficial de Material Design para Figma
Plantillas premium, UI kits y componentes para proyectos de diseño
Inspiración de diseño para páginas de aterrizaje modernas
Colección de recursos y plantillas gratuitas para Figma
Plataforma para explorar y compartir inspiración de diseño UI
Colección de componentes de diseño para inspiración y uso
Herramienta para verificar si un elemento HTML puede ser incluido en otro
Guía visual completa de todos los elementos y atributos de HTML
Recursos para aprender HTML moderno con buenas prácticas
Documentación interactiva de los métodos y propiedades del DOM HTML
Una colección de artículos y ejemplos para entender mejor HTML
Tutorials and articles about CSS and frontend development
Modern solutions for common CSS problems
Complete visual guide to CSS properties
CSS gradient generator with real-time preview
Generate soft-UI CSS code
CSS Grid layout generator
Visual generator for advanced border-radius
Customizable CSS animations generator
CSS clip-path generator with real-time preview
Generator for unique SVG shapes, patterns, and backgrounds
Instant generator for SVG wave shapes
Create SVG waves for your next design
Create organic SVG shapes for your designs
Generator for shape dividers in websites
Generate beautiful blob shapes for web and Flutter apps
CSS section separator generator
Generator for SVG wavy transitions between sections
Platform for lightweight, scalable Lottie animations
The standard for professional web animations
Production-ready animation library for React
Tool for visually creating CSS animations
CSS library for customizable animated transitions
CSS animation delay generator
Database for checking CSS animation compatibility
Collection of ready-to-use CSS animations
Color schemes generator and palettes explorer
Collection of color palettes for designers and artists
Professional color wheel and color tools
Tool for creating custom color schemes
Color palette generator using artificial intelligence
Color palette generator customized based on preferences
Tool to generate color palettes and gradients
Accessible color palettes generator
Interactive guide to check color contrast
Flexible icon set with multiple styles
Beautiful icons by the makers of Tailwind CSS
The web most popular icon set
Google icons following the Material Design guidelines
Minimalist and customizable icons
Icon set designed for the Ionic Framework, adaptable for any use
Simple and practical SVG icon generator created by Pheralb
Platform with a vast library of icons, illustrations, and design resources
Free web font library
Visual type scale calculator
AI-powered font pairing generator
Collection of free fonts for download
Professional font service for designers
High-quality free fonts for commercial use
Learn CSS Flexbox by playing with a frog
Learn CSS Grid by growing a garden
A game to learn Flexbox
Learn to code by playing in a fantasy world
Programming challenges game to learn Python and JavaScript
Learn to code by solving challenges while playing games
Learn Java by creating robots that battle each other
Practice CSS in a battle environment
Learn CSS selectors by playing
Game to test your HTML and CSS skills
Learn CSS, HTML, and JavaScript through coding games
Learn JavaScript through a fantasy game
Learn to use Bézier curves by playing
Interactive courses for learning to code
Platform to discover and share work from designers around the world
Collection of component galleries to help design user interfaces
Platform to discover creative portfolios and design work
Gallery of award-winning websites for design and creativity
Community where design files and resources are shared in Figma
CSS gradient generator with real-time preview
The best gradient sites all in one place
CSS gradient generator with an interactive view
Free gradients collection for designers and developers
Site to discover and download design gradients
Advanced editor to create custom CSS gradients
Easy-to-use CSS gradient editor
Gradients with easing transitions for smoother designs
Free multicolor gradient for creative projects
Create Instagram-like photo filters for CSS
CSS gradients and JPG downloads, 100% free
Tool for creating duotone effects in CSS
Online tool to easily optimize SVGs
CLI for optimizing SVG vector graphics
Tool for creating interactive SVG animations
Collection of free SVG generators, color tools, and web design resources
Collection of hand-drawn SVG illustrations
Generator of blurry decorative SVG shapes
Free generator for customizable SVG backgrounds
SVG pattern generator
Quickly customize and apply SVG backgrounds
Generator to create customizable SVG waves
Ready-to-use SVG patterns for your projects
Collection of free SVGs for use in projects
Open-source SVG icon library
Collection of vector icons in SVG and Figma
Free SVG icons for web projects
Open-source SVG icon collection
Library for building interactive user interfaces
Progressive framework for building user interfaces
Platform for building dynamic web applications
Utility-first CSS framework for rapid UI development
Framework for responsive design and UI components
Learn to code for free with an interactive curriculum
Free educational resources on a wide range of topics
Learn to code by interacting with real code
Tips, tricks, and techniques on using CSS and front-end development
Articles for web designers and developers
Community of developers sharing ideas and code
Exploring the design, development, and meaning of web content
Platform for writers and readers to share ideas
Resources, tutorials, and tips to learn Figma
Resources, research, and articles about user experience
Articles and resources about user experience and design
Articles for designers and developers focused on UX/UI
Psychological principles that guide UX design
Courses and resources about interaction design and UX
Resources and articles about user experience design
Recipes and tips to improve user experience
Discover the best plugins to enhance your Figma workflow
Plugin to manage and apply design tokens in your design projects
Collaborative diagramming and brainstorming tool by Figma
Official Material Design kit for Figma
Premium templates, UI kits, and components for design projects
Design inspiration for modern landing pages
Collection of free resources and templates for Figma
Platform to explore and share UI design inspiration
Collection of design components for inspiration and use
Tool to check if an HTML element can be included in another
Comprehensive visual guide to all HTML elements and attributes
Resources to learn modern HTML with best practices
Interactive documentation of HTML DOM methods and properties
A collection of articles and examples to better understand HTML