CodeKitHubAlat CSS
Generator CSS visual — geser slider, salin kode, tanpa perlu menghafal sintaks.
Alat dalam kategori ini
Generator Border Radius
Geser slider untuk membulatkan setiap sudut dan salin CSS border-radius.
Generator Box Shadow
Sesuaikan slider untuk offset, blur, spread, dan warna, lalu salin CSS box-shadow.
Generator Bayangan React Native
Rancang bayangan secara visual dan dapatkan objek gaya React Native yang tepat untuk iOS dan Android.
Generator Cubic-Bezier CSS
Bentuk kurva easing kustom dengan slider, pratinjau animasinya, dan salin CSS cubic-bezier().
Generator Teks Glitch CSS
Ketik teks Anda, pilih dua warna glitch, dan salin CSS + HTML animasi dengan efek pemisahan warna.
Generator Loader CSS
Buat animasi loading CSS yang berputar, memantul, atau berdenyut lalu salin CSS + HTML-nya.
Generator Checkbox CSS
Rancang checkbox dengan centang membulat, sakelar geser, atau lingkaran terisi, lalu salin CSS-nya.
Generator Switch CSS
Sesuaikan ukuran, warna, dan kelengkungan, lalu salin toggle switch berbasis checkbox yang aksesibel sebagai HTML dan CSS.
Generator Segitiga CSS
Pilih arah, ukuran, dan warna, lalu salin segitiga CSS murni yang dibuat dengan trik border.
Generator Glassmorphism CSS
Sesuaikan opasitas latar belakang, blur, border, dan radius untuk membuat kartu kaca buram, lalu salin CSS-nya.
Generator Pola Latar Belakang CSS
Pilih pola (titik, garis, kotak-kotak, grid), sesuaikan warna dan ukuran, lalu salin CSS-nya.
Generator Gradien CSS
Buat gradien linear dan radial dengan color stop dan slider sudut, lalu salin CSS-nya.
Generator CSS Clip-Path
Pilih preset bentuk, lihat pratinjau potongan secara langsung, dan salin kode CSS clip-path yang dihasilkan.
Referensi Warna Tailwind
Cari warna default Tailwind apa pun dua arah: hex ke nama kelas, atau nama kelas ke hex/RGB — plus palet lengkap yang dapat dijelajahi.
Konverter Pantone CMYK RGB
Konversi kode warna Pantone (PMS), CMYK, RGB, dan Hex kedua arah, dengan referensi 1.341 warna Pantone yang dapat dicari.
CSS Emboss Text Generator
Buat efek teks CSS timbul atau ukir secara instan — ketik teks Anda, sesuaikan gaya dan intensitas, lalu salin kode CSS-nya.
Neon Text Generator
Buat efek teks neon CSS yang menyala secara instan — ketik teks Anda, pilih warna dan intensitas cahaya, lalu salin kode CSS-nya.
CSS Gold Button Generator
Buat tombol CSS metalik emas, perak, perunggu, atau emas mawar secara instan — ketik teks Anda, pilih gaya logam, dan salin kode CSS-nya.
Color Picker
Pilih warna apa pun secara visual atau ambil dari gambar yang diunggah, dengan output HEX, RGB, dan HSL serta tombol salin.