Strumenti design gratuiti

Crea codici QR per URL, Wi-Fi, vCard e testo semplice. Scarica come PNG o SVG.

Converti il ​​modello SVG in Vue SFC.

Crea gradienti lineari e radiali CSS con anteprima dal vivo: copia il codice pronto.

Crea visivamente box-shadow CSS con anteprima dal vivo: CSS pronto per la copia per carte e pulsanti.

Crea visivamente layout flexbox: giustifica, allinea e crea spazi con il copy CSS.

Editor visivo del raggio del bordo con controllo per angolo: copia la abbreviazione CSS.

Ridurre il rapporto come 1920:1080 a 16:9.

Genera morsetto CSS() per il dimensionamento del fluido.

Generatore di layout di griglia CSS visivo.

Genera scala del tipo di fluido con morsetto.

Genera CSS in vetro smerigliato.

Genera una semplice tabella HTML.

Genera CSS neumorfi dell'interfaccia utente morbida.

Minimizza e pulisci il markup SVG.

Codice SVG dell'anteprima dal vivo.

Costruisci un foglio sprite SVG.

Converti il ​​componente SVG in React.

Anteprima dell'HTML con le classi CDN Tailwind.

Progetta ombre di testo CSS con anteprima dal vivo: copia snippet per i titoli.

Colori, sfumature e generatori di design CSS in un unico spazio di lavoro.

Estrai tavolozze e controlla il contrasto.

Scegli, converti ed esplora colori — palette e convertitori nel browser.

Estrai tavolozze dalle immagini, controlla il contrasto WCAG, converti gli spazi colore e genera ombre CSS.