Glassmorphism

Fiziksel olarak modellenmiş cam: pürüzlendirilmiş bir kenarda Snell kırılması, tek bir güneş ve her panelin arkasındaki odayı ölçüp mürekkep rengini belirleyen bir çözücü, böylece yazı her zeminde 4.5:1 oranını korur.

Kimin için: Medya, tüketici, fintech ve cam arayüzü parlak bir fotoğrafta çuvallayan herkes

Glass kaydı, 16 sn. Ücretli kod bu sitede çalışmaz.

Sayfalar

  1. Glass Bileşenler, WebOdayı, güneşi ya da buzlanmayı değiştirmenin her paneli yeniden çözdüğü canlı bir tezgâh, H1 ise çözücünün az önce ölçtüğünü bildirir
  2. Tidewater Pano, WebBir liman kulesi penceresi: paneller manzaranın kenarlarını tutar, alacakaranlık bir kaydırıcıda çöker ve her panel gökyüzüyle birlikte mürekkep rengini değiştirirken rıhtım planı H1'i yeniden hesaplar
  3. Sidecut Pano, WebIslak bir pencerenin arkasında bir plak şirketi masası: her çıkış dışarıdaki sokağı yeniden aydınlatır, sürüklediğin paylaşımlar herkesin ne kadar alacağını yeniden hesaplar
  4. Tintline Açılış sayfası, WebGüneş alan bir duvarda gerçek bir panel: kaydırmak günün kendisidir, güneş gölgeleri, kenarı ve tonu sürer, H1 ise binanın karar verdiği şeydir
  5. Verso Açılış sayfası, Yapay zekaGerçek bir Almanca mektubun üzerinde cam bir büyüteç: kenar canlı yazıyı büker, camın altındaki cümle senin dilindedir ve H1, büyüteci neyin üstünde tutuyorsan odur
  6. Slackwater Mobil uygulama, MobilAçık suda yüzen bir doğada yüzme uygulaması: telefon, sayfayla aynı denizin üzerinde cam gibidir ve kaydırdığın gelgit eğrisi güneşi, suyu ve H1'i belirler

İçinde neler var

  • 6 sayfa, her biri tek dosya, prop yok
  • Bu kit için yazılmış 8 özel bileşen
  • İmza davranışların arkasında 4 motor
  • OFL lisanslarıyla yazı tipleri: Gl Sans, Gl Serif
  • Next.js ve Tailwind v4 kurulum adımlarını ve lisans koşullarını içeren README

Nasıl satın alınır

Tüm kitler goodui Pro'da: tek sefer $99, ömür boyu güncelleme. Team, 10 geliştiriciye kadar $249.

Ödeme henüz açık değil. Listeye katıl, erken alım bağlantısını bir kez gönderelim.

Ödeme yakında açılıyor. Lansman bağlantınla sana yalnızca bir kez e-posta atacağız.

Planları karşılaştır

goodui Pro'ya dahil. Lisans anahtarını yapıştır; bu tarayıcıda kalır.

Henüz lisansın yok mu? Fiyatları gör

Lisans anahtarınla, terminalinden:

curl -H "Authorization: Bearer $GOODUI_LICENSE_KEY" -o goodui-glass.zip https://goodui.dev/kits/glass.zip