Alat HTML
Olah HTML, Pug, JSX, komponen SVG, dan CSS. Konversi markup dan gaya untuk implementasi Anda berikutnya.
21 alat dalam kategori ini. Setiap alat berjalan di browser dan tidak memerlukan pendaftaran.
Editor Jalur SVG
Bentuk jalur SVG secara langsung. Pindahkan titik jangkar dan pegangan kurva, lalu salin jalur atau simpan SVG Anda.
Pengoptimal SVG
Optimalkan SVG statis secara lokal dengan SVGO. Bandingkan hasilnya dan unduh file satu per satu atau dalam ZIP.
Konversi Berkas SVG ke JSX dengan Mudah
Konversikan file SVG menjadi kode React JSX secara efisien untuk mempermudah pengembangan aplikasi web yang dinamis dan interaktif.
Ubah SVG untuk Aplikasi React Native
Manfaatkan React Native dengan alat yang mengonversi file SVG menjadi komponen React Native untuk mengembangkan aplikasi seluler lintas platform.
Konverter HTML ke React JSX
Ubah kode HTML menjadi format React JSX agar dapat digunakan kembali dan dijadikan komponen dalam proyek React, sehingga pengembangan lebih efisien dan kualitas kode meningkat.
Konverter HTML ke Pug Daring
Konversikan HTML menjadi templat Pug (Jade) secara online. Pilih mode fragmen atau dokumen lengkap, tab, koma atribut, dan gaya tanda kutip, lalu coba contoh formulir dan dokumen.
Konverter Markdown ke HTML
Ubah file Markdown menjadi HTML untuk menampilkan teks berformat di halaman web.
Pembuat Flexbox
Susun tata letak flex yang sesungguhnya. Atur kontainer dan setiap item, coba berbagai lebar, lalu ambil kode CSS, HTML, atau Tailwind.
Pembuat Jalur Pemotong CSS
Bentuk objek langsung di kanvas. Seret titik poligon, jelajahi bentuk membulat, dan ekspor CSS atau SVG.
Pembuat Bayangan Kotak
Bangun kedalaman lapis demi lapis. Pindahkan cahaya, atur kelembutan dan warna, lalu salin bayangan yang siap digunakan.
Pembuat CSS Grid
Gambar tata letak CSS Grid secara visual. Atur ukuran kolom dan baris, seret di atas sel untuk memberi nama area, lalu salin kode CSS, HTML, atau Tailwind.
Pembuat Cubic Bezier
Bentuk kurva easing CSS dengan menyeret dua titik kendali. Bandingkan gerakannya dengan timing linear, lalu salin cubic-bezier() untuk transisi atau Tailwind.
Pembuat Border Radius
Bulatkan setiap sudut, beralih ke radius elips, dan seret titik kendali tepi untuk membentuk blob. Salin CSS border-radius atau kelas Tailwind.
Pembuat Glassmorphism
Buat panel kaca buram dengan backdrop-filter. Atur blur, transparansi, saturasi, dan border di atas latar langsung, lalu salin CSS-nya.
CSS Gradient Generator
Buat gradien CSS linear, radial, dan conic dengan titik warna yang bisa diseret, pemutar sudut, dan preset. Salin CSS atau class Tailwind. Gratis dan instan.
Konverter CSS ke Objek JavaScript
Konversikan file CSS menjadi objek JavaScript agar gaya mudah digunakan dan diolah dalam proyek antarmuka web.
Gaya Objek ke Literal Templat
Ubah gaya berbentuk objek menjadi literal templat untuk mengoptimalkan penerapan gaya dalam kerangka kerja seperti React.
Konverter CSS ke Tailwind
Konversikan CSS menjadi kelas utilitas Tailwind CSS secara online. Tempel aturan CSS untuk mendapatkan kelas yang sesuai sebagai @apply, dengan opsi basis rem dan konfigurasi (skala Tailwind v3).
Kompiler Less ke CSS Daring
Kompilasi Less menjadi CSS secara online dengan kompiler resmi less.js di peramban Anda. Menguraikan variabel, struktur bersarang, dan mixin, dengan awalan vendor opsional — tanpa perlu memasang lessc.
Konverter SCSS ke CSS Standar
Konversikan file praprosesor SCSS menjadi CSS standar untuk mempermudah penulisan dan pengelolaan lembar gaya.
Pengubah Sass ke CSS Standar
Konversikan file praprosesor Sass menjadi CSS standar agar lembar gaya lebih mudah dibaca dan digunakan kembali.