CodeKitHubCSS-verktyg
Visuella CSS-generatorer — justera reglage, kopiera koden, inget att lära utantill.
Verktyg i denna kategori
Border Radius-generator
Dra reglage för att runda varje hörn och kopiera border-radius-CSS:en.
Box Shadow-generator
Justera reglage för förskjutning, oskärpa, spridning och färg, och kopiera sedan box-shadow-CSS:en.
React Native Shadow Generator
Designa en skugga visuellt och få det exakta React Native style-objektet för både iOS och Android.
CSS Cubic-Bezier Generator
Forma en anpassad easingkurva med reglage, förhandsvisa animationen och kopiera cubic-bezier()-CSS:en.
CSS Text Glitch-generator
Skriv din text, välj två glitch-färger, kopiera sedan animerad CSS + HTML för en färgsplittrad glitcheffekt.
CSS Loader Generator
Bygg en snurrande, studsande eller pulserande CSS-laddningsanimation och kopiera CSS + HTML.
CSS Checkbox Generator
Stilisera en rundad bock, växlingsknapp eller fylld-cirkel-kryssruta och kopiera CSS:en.
CSS Switch-generator
Justera storlek, färger och rundning, kopiera sedan en tillgänglig checkbox-baserad toggleknapp som HTML och CSS.
CSS Triangle-generator
Välj riktning, storlek och färg, kopiera sedan en ren CSS-triangel byggd med border-tricket.
CSS Glassmorphism Generator
Justera bakgrundsopacitet, oskärpa, ram och radie för att bygga ett frostat-glas-kort, kopiera sedan CSS:en.
CSS-bakgrundsmönstergenerator
Välj ett mönster (prickar, ränder, schackrutor, rutnät), justera färg och storlek, kopiera sedan CSS:en.
CSS Gradient Generator
Bygg linjära och radiella gradienter med färgstopp och ett vinkelreglage, kopiera sedan CSS:en.
CSS Clip-Path Generator
Välj en formmall, förhandsvisa klippningen live och kopiera den genererade clip-path-CSS:en.
Tailwind färgreferens
Slå upp vilken standardfärg som helst i Tailwind åt båda hållen: hex till klassnamn, eller klassnamn till hex/RGB — plus en fullständigt genomsökbar palett.
Pantone CMYK RGB-omvandlare
Konvertera Pantone (PMS), CMYK, RGB och Hex-färgkoder åt båda hållen, med en sökbar referens på 1 341 Pantone-färger.
Färgväljare
Välj valfri färg visuellt eller sampla den från en uppladdad bild, med HEX-, RGB- och HSL-utdata och kopieringsknappar.