CodeKitHubHerramientas CSS
Generadores visuales de CSS — ajusta los controles y copia el código, sin memorizar sintaxis.
Herramientas de esta categoría
Generador de Border Radius
Arrastra los controles para redondear cada esquina y copia el CSS border-radius.
Generador de Box Shadow
Ajusta los controles de desplazamiento, desenfoque, expansión y color, y copia el CSS box-shadow.
Generador de sombras para React Native
Diseña una sombra visualmente y obtén el objeto de estilo exacto de React Native para iOS y Android.
Generador de Cubic-Bezier CSS
Diseña una curva de aceleración con controles deslizantes, previsualiza la animación y copia el CSS cubic-bezier().
Generador de Texto Glitch CSS
Escribe tu texto, elige dos colores de glitch y copia el CSS + HTML animado con efecto de separación de color.
Generador de Loaders CSS
Crea una animación de carga CSS giratoria, con rebote o pulsante, y copia el CSS + HTML.
Generador de Checkbox CSS
Diseña una casilla de verificación con marca redondeada, interruptor o círculo relleno, y copia el CSS.
Generador de Interruptor CSS
Ajusta tamaño, colores y redondeo, y copia un interruptor accesible basado en checkbox como HTML y CSS.
Generador de Triángulo CSS
Elige dirección, tamaño y color, y copia un triángulo en CSS puro construido con el truco de los bordes.
Generador de Glassmorphism CSS
Ajusta la opacidad del fondo, el desenfoque, el borde y el radio para crear una tarjeta de vidrio esmerilado, y copia el CSS.
Generador de Patrones de Fondo CSS
Elige un patrón (puntos, rayas, tablero de ajedrez, cuadrícula), ajusta el color y el tamaño, y copia el CSS.
Generador de Gradientes CSS
Crea degradados lineales y radiales con puntos de color y un control de ángulo, y copia el CSS.
Generador de Clip-Path CSS
Elige una forma predefinida, previsualiza el recorte en vivo y copia el CSS clip-path generado.
Referencia de Colores de Tailwind
Consulta cualquier color por defecto de Tailwind en ambos sentidos: hex a nombre de clase, o nombre de clase a hex/RGB — más una paleta completa navegable.
Conversor Pantone CMYK RGB
Convierte entre códigos Pantone (PMS), CMYK, RGB y Hex en ambos sentidos, con una referencia Pantone de 1341 colores buscable.
Generador de Texto en Relieve CSS
Genera al instante efectos de texto CSS en relieve o grabado — escribe tu texto, ajusta el estilo y la intensidad, y copia el código CSS.
Generador de Texto Neón
Genera al instante efectos de texto CSS neón luminosos — escribe tu texto, elige un color de brillo e intensidad, y copia el código CSS.
CSS Gold Button Generator
Genera al instante botones CSS metálicos de oro, plata, bronce u oro rosa — escribe tu texto, elige un estilo metálico y copia el código CSS.
Selector de colores
Elige cualquier color a simple vista o extrae una muestra de una imagen subida, con salida en formato HEX, RGB y HSL, y botones para copiar.