HTML araçları
HTML, Pug, JSX, SVG bileşenleri ve CSS ile çalışın. İşaretleme dilini ve stilleri bir sonraki uygulamanız için dönüştürün.
Bu kategoride 21 araç bulunur. Her araç tarayıcıda çalışır ve üyelik gerektirmez.
SVG Yol Düzenleyici
Bir SVG yolunu doğrudan şekillendirin. Bağlantı noktalarını ve eğri tutamaçlarını taşıyın, ardından yolu kopyalayın veya SVG'nizi kaydedin.
SVG Optimize Edici
Statik SVG'leri SVGO ile yerel olarak optimize edin. Sonucu karşılaştırın ve dosyaları tek tek veya ZIP olarak indirin.
SVG Dosyalarını Kolayca JSX'e Dönüştürün
SVG dosyalarını React JSX koduna kolayca dönüştürerek dinamik ve etkileşimli web uygulamalarının geliştirilmesini hızlandırın.
React Native Uygulamaları İçin SVG Dönüştürme
SVG dosyalarını React Native bileşenlerine dönüştüren bu araçla React Native'in olanaklarından yararlanın ve farklı platformlarda çalışan mobil uygulamalar geliştirin.
HTML'den React JSX'e Dönüştürücü
HTML kodunu React JSX biçimine dönüştürerek React projelerinde yeniden kullanın ve bileşenlere ayırın; geliştirme verimliliğini ve kod kalitesini artırın.
Çevrimiçi HTML'den Pug'a Dönüştürücü
HTML'yi çevrimiçi olarak Pug (Jade) şablonlarına dönüştürün. Parça veya tam belge modunu, sekmeleri, öznitelik virgüllerini ve tırnak biçimini seçin; form ve belge örneklerini deneyin.
Markdown'dan HTML'e Dönüştürücü
Biçimlendirilmiş metinleri web sayfalarında görüntülemek için Markdown dosyalarını HTML'ye dönüştürün.
Flexbox Oluşturucu
Gerçek bir flex düzeni oluşturun. Kapsayıcıyı ve her öğeyi ayarlayın, farklı genişlikleri deneyin, ardından CSS, HTML veya Tailwind kodunu alın.
CSS Kırpma Yolu Oluşturucu
Doğrudan tuval üzerinde şekil oluşturun. Çokgen noktalarını sürükleyin, yuvarlak şekilleri keşfedin ve CSS veya SVG olarak dışa aktarın.
Kutu Gölgesi Oluşturucu
Katman katman derinlik oluşturun. Işığı taşıyın, yumuşaklığı ve rengi ayarlayın, ardından kullanıma hazır bir gölge kopyalayın.
CSS Grid Oluşturucu
CSS grid düzenini görsel olarak çizin. Sütun ve satırları boyutlandırın, alanlara ad vermek için hücreler üzerinde sürükleyin ve CSS, HTML veya Tailwind kodunu kopyalayın.
Cubic Bezier Oluşturucu
İki tutamacı sürükleyerek CSS easing eğrilerini şekillendirin. Hareketi doğrusal zamanlamayla karşılaştırın ve geçişler ya da Tailwind için cubic-bezier() değerini kopyalayın.
Border Radius Oluşturucu
Her köşeyi yuvarlayın, eliptik yarıçaplara geçin ve kenar tutamaçlarını sürükleyerek blob şekilleri oluşturun. border-radius CSS'ini veya Tailwind sınıfını kopyalayın.
Glassmorphism Oluşturucu
backdrop-filter ile buzlu cam paneller oluşturun. Bulanıklık, saydamlık, doygunluk ve kenarlığı canlı bir arka plan üzerinde ayarlayın, ardından CSS'i kopyalayın.
CSS Gradyan Oluşturucu
Sürüklenebilir renk durakları, açı kadranı ve hazır ayarlarla doğrusal, radyal ve konik CSS gradyanları oluşturun. CSS'i veya Tailwind sınıfını kopyalayın. Ücretsiz ve anında.
CSS'ten JavaScript Nesnelerine Dönüştürücü
Ön yüz projelerinde stilleri kolayca kullanmak ve işlemek için CSS dosyalarını JavaScript nesnelerine dönüştürün.
Nesne Biçimindeki Stilleri Şablon Dizelerine Dönüştürme
React gibi çatılarda stilleri daha kolay uygulamak için nesne biçimindeki stilleri şablon dizelerine dönüştürün.
CSS'ten Tailwind'e Dönüştürücü
CSS'i çevrimiçi olarak Tailwind CSS yardımcı sınıflarına dönüştürün. Eşleşen sınıfları @apply olarak almak için CSS kurallarını yapıştırın; rem tabanı ve yapılandırma seçeneklerini kullanın (Tailwind v3 ölçeği).
Çevrimiçi Less'ten CSS'e Derleyici
Resmî less.js derleyicisiyle Less'i tarayıcınızda çevrimiçi olarak CSS'e derleyin. Değişkenleri, iç içe kuralları ve mixin'leri açar; isteğe bağlı tarayıcı önekleri ekler. lessc kurmanız gerekmez.
SCSS'ten Standart CSS'e Dönüştürücü
Stil sayfalarını yazmayı ve yönetmeyi kolaylaştırmak için SCSS ön işlemci dosyalarını standart CSS'e dönüştürün.
Sass'tan Standart CSS'e Dönüştürücü
Stil sayfalarının okunabilirliğini ve yeniden kullanılabilirliğini artırmak için Sass ön işlemci dosyalarını standart CSS'e dönüştürün.