Design

Resolve qualquer cor hex para a cor nomeada CSS mais próxima com distância CIEDE2000 real e explora toda a sua família de cores.

Design

Gera a «malha de degradês» em alta na Dribbble/Behance desde 2024: vários degradês radiais (mancha de cor → esmaecimento para transparente da mesma cor) sobre uma cor-base (opcionalmente uma camada cônica), com modos de mistura, granulação de filme SVG, disposições com semente (cantos / anel / dispersão / grade), prévia ao vivo, CSS copiável e classe arbitrária do Tailwind. As manchas esmaecem via hex de 8 dígitos #RRGGBB00, evitando o anel cinza da palavra-chave transparent.

Design

Envie uma imagem mestra e receba o kit completo: Instagram (1:1 / 4:5 / 3:4 para o grid / Story / Reel), X (cabeçalho 1500×500 / feed), LinkedIn (banner pessoal / capa de empresa / imagem de post), YouTube (miniatura / banner do canal) e link do Facebook. Cada corte é pré-visualizado com sua máscara de zona segura verificada 2025-2026 (margens de Story, círculo de avatar do X, zona de avatar do LinkedIn, badge de duração do YouTube) e tudo sai em ZIP.

Design

Gera de ponta a ponta o snippet CSS completo de glassmorphism ou neumorfismo: ajuste desfoque, saturação, opacidade da tonalidade, raio, borda, sombra externa e brilho superior; opcionalmente sobreposição de grão SVG feTurbulence e fallback @supports; inclui automaticamente o prefixo -webkit-backdrop-filter (obrigatório antes do Safari 18) e o mapeamento para classes Tailwind (com a nota v3/v4), com pré-visualização ao vivo sobre fundo em gradiente.

Design

Carregue uma imagem e pré-visualize como ela aparece no Instagram Feed/Story/Reels, TikTok, YouTube, X e LinkedIn — com overlays de zona segura mostrando exatamente quais pixels são cortados ou cobertos pela UI antes de publicar.

Design

Referência 2026 de dimensões de imagem para Instagram, Facebook, X, LinkedIn, YouTube, TikTok, Pinterest e WeChat, filtrável por plataforma.

Design

Cole classes do Tailwind que usam valores arbitrários (w-[137px], text-[#bada55], grid-cols-[1fr_2fr], [mask-type:luminance]) e inspecione o CSS gerado, com pré-visualização visual ao vivo, detecção de dicas de tipo de dado e uma explicação de cada tradução. Útil para depurar calc(), variáveis CSS e valores avulsos fora da escala de tokens.

Design

Resolve uma cadeia de filtros CSS que reproduz de forma próxima uma cor hexadecimal alvo a partir de uma cor base monocromática

Design

Visualiza uma curva de easing cubic-bezier do CSS, pré-visualiza em posição/opacidade/escala, escolhe predefinições e exporta CSS

Design

Informe limites de viewport e fonte para gerar clamp(), CSS copiavel e dados de preview

Design

Gera anaglifos 3D vermelho-ciano a partir de fotos normais. Cria imagens estereoscópicas 3D visíveis com óculos 3D vermelho-ciano.

Design

Gera mapas de profundidade a partir de imagens usando análise de brilho, saturação e bordas. Cria mapas de profundidade em escala de cinza onde pixels mais claros indicam objetos mais próximos e pixels mais escuros indicam objetos mais distantes.