İçeriğe atla

QR Kodlu Giriş Formu

Kimlik Doğrulama · Pro kaynağı

İki yollu bir giriş ekranı: solda alışılmış e-posta ve şifre, sağda ise telefon uygulamanızda zaten giriş yapmış olan herkes için taranabilir bir kod. Kod, derleme sırasında sade bir URL dizesinden bir SVG olarak render edilir, temalar arasında tersine dönmeyen tek belirteç çiftinin üzerinde durur, böylece tarayıcılar her zaman açık bir zemin üzerinde koyu modülleri görür ve kodladığı oturum kimliği süresi dolduğunda bir yenileme kontrolüne sahiptir. Formun kendisi hiçbir kimlik doğrulama mantığı taşımaz.

Canlı önizlemeyi açNeobrütalism Pro'yu al
Kimlik Doğrulama
Neobrutalist QR code sign in page for React and Tailwind CSS: on the left a Sign In heading with email and password fields, a Remember me checkbox and a Sign In button; on the right a dark panel holding a large QR code on a yellow tile with a circular refresh button on its corner and the caption Log in with a QR code.
QR Kodlu Giriş Formu
  • Hero, fiyatlandırma ve auth
  • Her duraklama noktasını önizle
  • Kaynağı kopyala
  • MCP kuruluma hazır
  • Radix · Base UI · React Aria
  • 158 hazır bloklar
  • Gönderilen sayfa bölümleri
  • Gösterge panelleri ve pazarlama
  • Pro şifreyi açar
  • Açılır düzenler
ÖnizlemeÜcretsizTam ekran açın ve kesme noktasını veya temayı değiştirin.KodProTek, bağımsız TSX dosyası. Kopyalayın, kendiniz yapın.KurulumProTek bir shadcn CLI komutu — ya da Claude Code, Cursor veya herhangi bir MCP istemcisi için ajan istemi.

Oluşturulan yapı

Artı lucide-react ikonları ve Tailwind CSS — başka runtime bağımlılığı yok.

Kimlik Doğrulama için daha fazla düzen (6)

Hepsini görüntüle

https://neobrutalism.com/tr/blocks/authentication/qr-code-sign-in-form

Sevilen bir topluluk:
geliştiriciler, tasarımcılar ve üreticiler

  • Bir UI kitine denk geldim ve hemen aldım. Yeni, aktif sürdürülüyor ve sürekli gelişiyor — harika bir iş! 🤘

    Ziv Reich, Yazılım Geliştirici

  • Sadece şunu söylemek istedim: neobrutalism.com harika olmuş. Gerçekten çok beğendim. Tasarımda berbatım, bu yüzden bu benim için müthiş oldu. Kişisel sitemde kullandım.

    Paul Bratslavsky, Coding With Paul'ün yaratıcısı

  • Sonunda kişisel web sitemi Neobrutalism.com ile yeniden yaptım — eğlenceli kütüphane, başlamak çok kolay!

    Cameron Blackwood, İçerik Üreticisi

  • Neobrutalism.com, retro tarzındaki en sevdiğim UI bileşen kütüphanelerinden biri — gerçekten ship edilebilen bileşenler.

    Zhengyang Hou, Indie Hacker

  • web için en sevdiğim ui kütüphanelerinden biri. harika iş — umarım çok daha ileri gider.

    Taseen Tanvir, Kurucu ve Tasarımcı

  • Neobrutalism.com Pro'yu denedim — her şeye benzemeyen bir UI kiti. Neobrütalist bloklar 🔥 tuhaf düzenleri prototiplemeyi çok hızlandırdı.

    Nitesh Padghan, Ghostwriter

  • Mükemmel denge ve akışa sahip harika bir landing page tasarımı. Renk paleti animasyonlarla birleşince olağanüstü bir kullanıcı deneyimi yaratıyor.

    Alan Obeng-Peprah, Senior Designer @ NativeXAI

  • Sundukları tasarımdan gerçekten etkilendim. Nihai ürün tam olarak hayal ettiğimle örtüştü.

    Desmond, Kurucu ortak @ VectorlabsVentures

  • Bir ajans sahibi olarak müşteriler için landing page düzenlerini genelde haftalarca cilalarım. Neobrutalism.com ile bir şablon takıyorum, metni ayarlıyorum ve ship etmeye hazırım.

    Duke Opoku Amankwah, Kurucu @ Midas

  • Şablonlar yalnızca görsel olarak çarpıcı değil; aynı zamanda inanılmaz iyi yapılandırılmış. Bize haftalarca geliştirme süresi kazandırdı.

    Abiola Braimah, Geliştirici @ Studio IX

  • Üstün kalite ve detaylara özen. Responsive tasarım tüm cihazlarda sorunsuz çalışıyor.

    Acromond X., Kurucu ortak @ VectorlabsVentures

  • Bu şablonları iş akışımıza entegre etmek geliştirme döngümüzü ciddi şekilde kısalttı. Mükemmel iş.

    Raquib S., Backend geliştirici

  • Bu şablonlar başvurduğumuz ana kaynağımız oldu. Kod temiz, iyi belgelenmiş ve kolayca özelleştirilebilir.

    Hallic M., Geliştirici @ AtlasLabs

  • Neobrutalism.com şablonları estetik ile işlevsellik arasında mükemmel dengeyi kuruyor. Projelerimiz için gerçek bir dönüm noktası.

    Ibrahim S., Frontend Lead @ ScaleUp

  • Üstün destek ve premium kalitede şablonlar. Bu şablonların ROI’si fenomenal.

    Kevin K., CEO @ WebCraft

  • Neobrutalism.com şablonları yeni müşteri projelerine yaklaşımımızı tamamen değiştirdi. Kod kalitesi olağanüstü, tasarımlar gerçekten dünya standartlarında.

    Danny G., DevStack kurucusu

  • Birçok şablon kütüphanesi kullandım ama Neobrutalism.com performans optimizasyonu ve temiz kod mimarisine verdiği önemle öne çıkıyor.

    Ian D., Wavelength CTO’su

  • Bu şablonlardaki animasyonlar ve mikro etkileşimler gerçekten büyüleyici. Tasarım ekibimiz için en iyi yatırım.

    Ben S., PixelPerfect Lead Designer

  • Teknik olmayan bir kurucu olarak Neobrutalism.com şablonları, tasarım kalitesinden ödün vermeden MVP’mizi rekor sürede çıkarmamıza yardımcı oldu. Yatırımcılarımız çok etkilendi.

    Matthew I., Startup kurucusu

  • Bu bileşenlerin ne kadar modüler ve iyi belgelenmiş olduğunu takdir ediyorum. Farklı şablonlardan parçaları sorunsuzca birleştirebildik.

    Garrett P., TechFusion Frontend Lead

  • Neobrutalism.com şablonlarının ROI’si inanılmaz. Geliştirme süremizi ciddi şekilde kısaltırken müşterilere daha yüksek kaliteli siteler teslim ediyoruz.

    Xavier C., Ajans sahibi

Sıkça sorulan
sorular

Bu QR Kodlu Giriş Formu bloğunun nasıl bir araya getirildiği, ne değiştirebileceğiniz ve burada diğer düzenler yerine ne zaman kullanması gerektiği.

Erişim engeli sorunu mu var? E-posta[email protected]
Get Pro — Save 33%--:--:--