digtools

Generator CSS

Generator CSS visual untuk membantu mengimplementasikan UI modern dan indah.

🎚️

Pembuat Scrollbar CSS

Buat scrollbar CSS kustom dengan pratinjau

Pembuat CSS View Transition

Simulasikan animasi View Transition API dan buat kode untuk SPA dan MPA.

🎨

Konverter Warna

Konversi kode HEX/RGB/HSL/CMYK dan buat palet warna.

🎨

Pemilih Warna Gambar

Ekstrak warna dari gambar dan dapatkan kode warna (HEX/RGB)

↔️

Pembuat CSS Clamp

Secara otomatis menghitung nilai fungsi clamp() fluida untuk desain responsif.

✂️

Pembuat clip-path CSS

Buat bentuk clip-path CSS dengan mudah menggunakan operasi seret dan hasilkan kode.

📦

Generator Container Query CSS

Hasilkan container query secara visual dengan pratinjau langsung & konversi.

🖼️

Generator Filter & Blend CSS

Gabungkan filter secara visual, hasilkan kode, dan simpan gambar.

🎨

Generator Gradien CSS

Hasilkan gradien linear, radial, conic, dan pola secara intuitif.

📐

Generator Layout Flexbox/Grid

Buat kode layout dengan GUI visual

☁️

Generator Box-Shadow

Buat bayangan multi-lapis yang indah secara intuitif

Generator UI Modern

Hasilkan kode UI yang indah (mendukung Glassmorphism)

🎞️

Generator Animasi CSS

Output GUI untuk animasi @keyframes

🖼️

Generator Latar Belakang SVG

Buat pola latar belakang SVG yang ringan

🔺

Generator Segitiga CSS

Buat segitiga CSS menggunakan trik border, salin kode instan

🎬

Animasi Sprite

Buat animasi sprite CSS dan kode dari beberapa gambar

Generator Border Radius CSS

Sesuaikan 8 nilai border-radius secara visual dan salin kode CSS

🔤

Pratinjau Tipografi

Pratinjau font-size, line-height & letter-spacing secara real-time

🅰️

Pratinjau Font Web

Perbandingan font web real-time & pembuatan CSS

🎨

Pencarian Ikon SVG

Cari ikon Lucide & Heroicons dan salin kode SVG

Kategori Lainnya

Kirim Umpan Balik

Beri tahu kami pendapat Anda untuk membantu kami menyempurnakan alat ini.

Sanggahan

Semua alat yang disediakan di situs ini sepenuhnya gratis untuk digunakan, namun harap gunakan dengan risiko Anda sendiri. Kami tidak memberikan jaminan apa pun terkait keakuratan, kelengkapan, atau keamanan hasil perhitungan, hasil konversi, atau data yang dihasilkan. Harap diketahui bahwa operator tidak bertanggung jawab atas segala kerusakan atau masalah yang disebabkan oleh penggunaan alat-alat ini. Sebagian besar alat memproses file dan perhitungan secara lokal di browser Anda, artinya data yang Anda masukkan tidak dikirim atau disimpan di server kami.