Idioma
Categorias

Categorias

Design e Recursos

Gere cores, CSS e recursos visuais leves. Esta coleção reúne páginas utilitárias rápidas e focadas em uma tarefa.

50 ferramentas

Article Schema Gerador

Gerar Article JSON-LD schema.

article schemajson-ldseo
Abrir ferramenta

Aspect Ratio Calculadora

Compute simplified aspect ratios e CSS aspect-ratio values.

aspect ratiocssvideo
Abrir ferramenta

Barcode Gerador

Gerar barcode ImIdadems para product IDs e codes.

barcodegeneratorean13
Abrir ferramenta

Baseline Grid Gerador

Gerar baseline grid specs e CSS para vertical rhythm.

baseline gridtypographycss
Abrir ferramenta

Border Radius Gerador

Gerar border-radius CSS de corner values.

border radiuscssgenerator
Abrir ferramenta

Box Shadow Gerador

Gerar CSS box-shadow values com custom offsets e blur.

box shadowcssdesign
Abrir ferramenta

Breadcrumb Schema Gerador

Gerar JSON-LD breadcrumb schema.

breadcrumb schemajson-ldseo
Abrir ferramenta

Card Hover CSS Gerador

Gerar card hover CSS snippet.

css cardhoverui
Abrir ferramenta

Contrast Verificador

Calculate WCAG contrast ratio between two Cors.

contrastwcagaccessibility
Abrir ferramenta

Cor Conversor

Convert between HEX, RGB, e HSL Cor paramats.

colorhexrgb
Abrir ferramenta

Cor Palette Gerador

Gerar lighter e darker shades de a base Cor.

color paletteshadesdesign
Abrir ferramenta

CSS Button Gerador

Gerar styled CSS button code.

css buttonuigenerator
Abrir ferramenta

CSS Clamp Gerador

Gerar fluid CSS clamp() values para typography.

css clampfluid typeresponsive
Abrir ferramenta

CSS Gradient Gerador

Gerar a linear gradient e copy the CSS instantly.

gradientcssbackground
Abrir ferramenta

CSS Gradient Texto Gerador

Gerar CSS para gradient-Cored Texto.

gradient textcsstypography
Abrir ferramenta

CSS Minifier

Minify CSS by removing comments e extra whitespace.

cssminifierperformance
Abrir ferramenta

CSS paramatador

Pretty-print CSS com readable indentation.

cssformatterbeautifier
Abrir ferramenta

CSS Transparam Gerador

Build CSS transparam strings de common transparam values.

css transformtranslaterotate
Abrir ferramenta

CSS Triangle Gerador

Gerar CSS triangles para arrows e indicators.

css trianglearrowui
Abrir ferramenta

Dot Pattern CSS Gerador

Gerar dotted background CSS pattern.

dot patternbackgroundcss
Abrir ferramenta

Email Signature Gerador

Create a polished email signature block.

emailsignaturehtml
Abrir ferramenta

Event Schema Gerador

Gerar Event JSON-LD structured data.

event schemajson-ldseo
Abrir ferramenta

Favicon Gerador

Create a simple SVG favicon de initials e bre Cors.

faviconsvggenerator
Abrir ferramenta

Ferramentatip CSS Gerador

Gerar Ferramentatip CSS style snippets.

tooltipcssui component
Abrir ferramenta

Floating Label Input CSS Gerador

Gerar floating label input CSS.

floating labelformcss
Abrir ferramenta

Focus Ring CSS Gerador

Gerar accessible focus-ring CSS.

focus ringaccessibilitycss
Abrir ferramenta

Glass Panel CSS Gerador

Gerar glassmorphism panel CSS.

glassmorphismcssui card
Abrir ferramenta

Gradient Border CSS Gerador

Gerar gradient border CSS styles.

gradient bordercssui
Abrir ferramenta

Hero Background CSS Gerador

Gerar hero background CSS.

hero backgroundcss gradientlanding page
Abrir ferramenta

Local Business Schema Gerador

Gerar LocalBusiness JSON-LD schema.

local business schemajson-ldseo
Abrir ferramenta

Modal Backdrop CSS Gerador

Gerar modal backdrop CSS effect.

modal backdropoverlaycss
Abrir ferramenta

Neumorphism Panel CSS Gerador

Gerar neumorphism panel CSS.

neumorphismcssui
Abrir ferramenta

Noise Overlay CSS Gerador

Gerar noise overlay CSS style.

noise overlaycsstexture
Abrir ferramenta

Outline Button CSS Gerador

Gerar minimal outline button CSS.

button cssoutline buttonui
Abrir ferramenta

Pill Badge CSS Gerador

Gerar pill badge CSS style.

badgepillcss
Abrir ferramenta

Placeholder SVG Gerador

Gerar customizable placeholder SVG ImIdadems.

placeholdersvgimage
Abrir ferramenta

Pricing Card CSS Gerador

Gerar pricing card CSS styles.

pricing cardcsslanding page
Abrir ferramenta

Product Schema Gerador

Gerar Product JSON-LD schema markup.

product schemajson-ldseo
Abrir ferramenta

QR Code Gerador

Gerar QR code ImIdadem links para URLs e Texto.

qr codegeneratorurl tools
Abrir ferramenta

Robots Meta Tag Gerador

Gerar robots meta tags para indexing controls.

robots metaseoindexing
Abrir ferramenta

Shadow Palette Gerador

Gerar a 5-step CSS shadow scale.

shadowdesign tokenscss
Abrir ferramenta

Skeleton Loader CSS Gerador

Gerar skeleton loading CSS snippet.

skeleton loadercssloading
Abrir ferramenta

Spinner Loader CSS Gerador

Gerar CSS spinner loader snippets.

spinnerloadercss animation
Abrir ferramenta

SVG Optimizer

Strip comments e collapse whitespace in SVG markup.

svgoptimizerminify
Abrir ferramenta

SVG para Data URI

Convert SVG markup into a CSS-ready data URI.

svgdata uricss
Abrir ferramenta

Texto Shadow CSS Gerador

Gerar Texto-shadow CSS quickly.

text shadowcsstypography
Abrir ferramenta

Toast CSS Gerador

Gerar toast notification CSS style.

toastnotificationcss
Abrir ferramenta

Twitter Card Gerador

Gerar Twitter card meta tags para pIdades.

twitter cardmeta tagsseo
Abrir ferramenta

Wave Divider CSS Gerador

Gerar wave divider CSS/SVG snippet.

wave dividercsssvg
Abrir ferramenta

Zebra Table CSS Gerador

Gerar zebra stripe table CSS.

table csszebra tableui
Abrir ferramenta

Categorias relacionadas

Cookie preferences

We use cookies for essential site features and, with your permission, analytics and advertising.