tweakcn
Kustomisasi tema shadcn/ui dengan mudah, pratinjau real-time.
Tweakcn: Editor tema visual untuk shadcn/ui. Kustomisasi warna, tipografi, dan tata letak dengan pratinjau real-time. Dukungan Tailwind CSS v4 & v3. Ekspor ke kode Tailwind. Buat tema shadcn/ui yang unik tanpa perlu registrasi.
Lebih banyak tentang tweakcn
tweakcn
tweakcn adalah editor tema visual yang ampuh untuk komponen shadcn/ui dengan dukungan Tailwind CSS. Buat komponen Anda menonjol dengan mudah menyesuaikan warna, tipografi, dan tata letak. Dengan tweakcn, Anda dapat membuat tema unik untuk aplikasi Anda dalam hitungan menit. Nikmati berbagai fitur dan preset yang tersedia.
- •Kontrol Warna:Sesuaikan warna latar belakang, teks, dan batas dengan antarmuka pemilih warna yang intuitif.
- •Pengaturan Tipografi:Atur ukuran font, ketebalan, dan transformasi teks untuk menciptakan tampilan yang sempurna.
- •Dukungan Tailwind v4 & v3:Beralih dengan mudah antara Tailwind v4 dan v3, dengan dukungan untuk berbagai format warna termasuk OKLCH & HSL.
- •Properti Tailwind:Sesuaikan setiap aspek komponen Anda dengan kontrol tepat atas radius, jarak, bayangan, dan properti Tailwind lainnya.
- •Prasyarat Tema yang Indah:Pilih dari tema yang telah dirancang sebelumnya yang menakjubkan dan sesuaikan warna mode terang dan gelap dengan mudah.
- •Pemeriksa Kontras:Pastikan desain Anda memenuhi standar aksesibilitas dengan pemeriksaan rasio kontras bawaan antara warna teks dan latar belakang.
- •Editor Tema Global:Buat dan kelola tema lengkap dengan preset untuk seluruh aplikasi Anda.
- •Impor/Ekspor Tema:Simpan dan bagikan tema kustom Anda dengan orang lain.
- •Lebih Banyak Kontrol:Dukungan untuk lebih banyak kontrol, termasuk Jarak, Bayangan, Pelacakan, dan banyak lagi.
- •Tema Komunitas:Izinkan pengguna untuk mengirimkan tema, memilih desain terbaik.
- •Manajemen Multi-Proyek:Simpan dan kelola beberapa proyek tema, memudahkan untuk beralih antar desain.
- •Lebih Banyak Preset:Perluas pustaka preset dengan berbagai tema menakjubkan untuk penyesuaian cepat.
Dengan tweakcn, kembangkan desain shadcn/ui Anda dengan mudah dan cepat. Tingkatkan efisiensi alur kerja Anda dengan alat-alat visual yang intuitif, ciptakan tema unik yang mencerminkan identitas merek Anda, dan selesaikan masalah desain yang rumit dengan solusi yang sederhana dan efektif. Mulailah membuat komponen yang menonjol hari ini!
