Türkçe yazarak
hızlıca arayüz geliştir

Azazil ile karmaşık yapıları unutun. Hızlı geliştirme, kolay öğrenme ve anında sonuç alma odaklı sistem ile fikrinizi saniyeler içinde tasarıma dökün.

Neden Azazil?

Modern arayüz tasarımlarını anlaşılır ve temiz bir Türkçe söz dizimiyle tek bir alanda topluyoruz.

Anında Ekran Çıktısı

Kodunuzu yazdığınız anda yan tarafta canlı sonucu görün. Beklemek, kurmak veya dışa aktarım beklemek yok.

🧠

Türkçe Mantık

Yabancı terimlerle boğuşmayın. Tamamen mantığımıza uygun "dikey", "kutu", "metin" ve "buton" komutları.

📦

Kolay Dışa Aktarma

Geliştirdiğiniz arayüzü tek tıklamayla temiz ve çalıştırılabilir "Stand-alone" tekli dosya olarak indirin.

🔁

Eşzamanlı Veri Bağlama

Değişkenlerinizi girdilere bağlayın (input), arayüz hiçbir ekstra işleme gerek kalmadan otomatik yenilensin.

🎯

Basit Olay Yönetimi

Butonlara tıklama olayları ekleyerek tek satır ile yönlendirme ve arayüz tepkileri oluşturun.

☁️

Bulut Proje Kaydı

Çalışmalarınızı güvenli bir şekilde sunucuda saklayın, tarayıcınızı kapattığınızda bile projeleriniz kaybolmasın.

Geliştirmek çok kolay

İhtiyacın olan tek şey mantığı kurmak, geri kalan her şeyi Azazil motoru anında halleder.

1

Fikrini Yaz

Tarayıcı üzerinden Türkçe komutlarla hiyerarşiyi ve iş mantığını kurgula.

2

Motor Çalışsın

Azazil Motoru, yazdıklarınızı anında stabil ve güvenli web arayüzlerine dönüştürür.

3

Dışa Aktar

Beğendiğin arayüzü tek dosya olarak indirebilir, dilediğin projede kullanabilirsin.

sayfa "ana_sayfa": dikey: hizalama = "merkez" renk = "beyaz" metin "Projene Hoş Geldin": boyut = 28 kalınlık = "kalın" buton "Başla": renk = "mavi" olay tıklama: git("profil")

Basit Dokümantasyon

Azazil'i saniyeler içinde öğrenip üretmeye başlayın.

📐 1. Temel Arayüz

Tasarımınızı düzenlemek için sayfa, dikey, yatay ve kutu yapılarını kullanın. Özellikler için `=` işareti kullanılır.

sayfa "ana_sayfa": dikey: hizalama = "merkez" genişlik = "tam" renk = "açık_gri"

🧩 2. Bileşenler

Arayüz elemanları oluşturun. metin, buton, resim ve giriş en sık kullanılan yapılardır.

metin "Başlık Buraya": boyut = 24 kalınlık = "kalın" buton "Gönder": renk = "mavi"

🔗 3. Veri Bağlama

Veri saklamak için değişken kullanın. giriş ile bağlandığında arayüz gerçek zamanlı güncellenir.

değişken isim = "" giriş isim: ipucu = "Adınızı yazın" metin isim

🧭 4. Sayfa Gezinimi

Kullanıcı etkileşimlerini yakalamak için olay tıklama ve sayfa değiştirmek için git() kullanılır.

buton "Profili Gör": olay tıklama: git("profil")

Daha fazla komut, bileşen özelliği ve detaylı kullanım örnekleri mi arıyorsunuz?

📚 Dokümantasyon Sayfasına Git →

Gelişim Yol Haritası

Azazil ürün ekosisteminin adımları ve gelecek planları.

v1.0 - v3.0 (Tamamlandı)

Temel Motor ve IDE

Sözdizimi analizörü ve canlı render sistemi tasarlandı.

v4.0 (Aktif Sürüm)

Kararlı Uygulama Motoru

Gereksiz özellikler kaldırılarak hızlı prototip çıkarma yeteneği stabil hale getirildi. Dışa aktarım ve bulut kayıt eklendi.

v4.5 (Yakında)

Kapsamlı Tasarım Özellikleri

Arayüz elemanlarına çok daha fazla görsel özellik (iç boşluk, dış boşluk, yazı tipleri, gölgelendirmeler vs.) Türkçe komutlarla entegre edilecek.

v5.0 (Planlanan)

API ve Veri Entegrasyonu

Dışarıdaki servislerden kolayca veri çekebilmek için getir() komutları ve liste arayüzleri eklenecek.

Hemen Tasarlamaya Başla

Tarayıcını aç ve hiçbir kurulum yapmadan arayüzlerini oluşturmaya anında başla.

🚀 Azazil'i Başlat