CSS

Esta es una hoja de referencia rápida para conocer las bondades de CSS, enumerar la sintaxis del selector, las propiedades, las unidades y otros elementos.

Un editor de código en línea y un entorno de desarrollo social para que los desarrolladores y diseñadores front-end creen, prueben y compartan proyectos web.

Una herramienta que ofrece fondos, íconos y gráficos SVG gratuitos y premium para diseño web, con copiar y pegar CSS y opciones personalizables.

Una herramienta de selección de color limpia y elegante para diseñadores y desarrolladores web, que admite formatos HEX, RGB, HSL y OKLCH con generación de paleta de colores.

La biblioteca más grande de elementos de interfaz de usuario de código abierto.

Un escaparate de diseño de sitios web CSS para que los diseñadores y desarrolladores web encuentren inspiración y envíen sitios.

Kombai es una herramienta impulsada por inteligencia artificial para convertir diseños de Figma en código de interfaz con precisión.

Una herramienta generadora de tonos y matices de color para crear paletas de colores CSS, Sass y Tailwind a partir de códigos hexadecimales.

Un complemento CSS de Tailwind que proporciona nombres de clases de componentes semánticos para un desarrollo de interfaz de usuario más rápido y limpio con temas personalizables y sin dependencia de JavaScript.

Una herramienta para generar degradados de color CSS ingresando colores, con soporte para degradados de 3 colores y salida automática de código CSS.

Una herramienta integral para buscar y convertir códigos de color HTML, incluidos valores Hex, RGB, HSL y OKLCH, con selectores de color, ruedas, gráficos y bibliotecas.

Una herramienta para generar sombras y tintes para colores con la configuración CSS de Tailwind, que muestra códigos hexadecimales y paletas de colores.

Heroki Design proporciona bibliotecas CSS atómicas, sistemas de íconos y pautas de marca para crear y diseñar productos y propiedades de marketing de Heroku.

Una biblioteca de íconos gratuita y de código abierto con más de 1600 íconos disponibles en múltiples formatos como SVG, React y Figma.

Un sistema de diseño que proporciona componentes reutilizables y pautas para crear interfaces de usuario accesibles y consistentes.

Una publicación que explora el diseño, el desarrollo y el contenido web con un enfoque en estándares y mejores prácticas para profesionales.

Una colección de efectos de animación CSS para desarrollo web, que ofrece varios estilos dinámicos como tornado, soplo, desaparición y deslizamiento.

Mozilla Protocol es un sistema de diseño para sitios web de Mozilla y Firefox, que proporciona componentes reutilizables y pautas para la marca y la accesibilidad.

Una extensión de Chrome para inspeccionar y copiar CSS desde cualquier sitio web con un solo clic, en la que confían miles de desarrolladores.

Una herramienta para generar propiedades CSS altamente personalizables con vista previa en tiempo real para desarrollo web.

Una biblioteca de JavaScript rápida y flexible para animar la web con una API intuitiva, compatible con animaciones CSS, SVG, desplazamiento y línea de tiempo.

Una herramienta basada en web para crear escalas de tipografía responsivas y código CSS, con vistas previas de fuentes y opciones de personalización.

Una biblioteca de componentes de React con todas las funciones con más de 120 componentes personalizables y más de 70 enlaces para crear aplicaciones web accesibles más rápido.

Una herramienta gratuita para explorar y copiar códigos de degradado CSS, con una gran colección de degradados seleccionados para diseño web.