Vai al contenuto

Login con codice QR

Autenticazione · Codice sorgente Pro

Una schermata di login a due percorsi: il solito email e password a sinistra, e a destra un codice scansionabile per chi è già autenticato sulla tua app mobile. Il codice viene renderizzato come SVG in fase di build a partire da una semplice stringa URL, sta sull'unica coppia di token che non si inverte tra i temi, così gli scanner vedono sempre moduli scuri su un campo chiaro, e ha un controllo di refresh per quando l'id di sessione che codifica scade. Il form stesso non porta alcuna logica di auth.

Apri anteprima in direttaOttieni Neobrutalism Pro
Autenticazione
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.
Login con codice QR
  • Hero, prezzi e auth
  • Visualizza in anteprima ogni punto di interruzione
  • Copia il codice sorgente
  • MCP pronto per l'installazione
  • Radix · Base UI · React Aria
  • 158 blocchi prefabbricati
  • Sezioni della pagina incluse nella spedizione
  • Dashboard e marketing
  • Pro sblocca il codice
  • Layout a inserimento
AnteprimaGratuitoAprilo a schermo intero e cambia breakpoint o tema.CodiceProUn file TSX autonomo. Copialo, è tuo.InstallazioneProUn solo comando della CLI di shadcn — oppure il prompt per Claude Code, Cursor o qualsiasi client MCP.

Realizzato con

Inoltre icone lucide-react e Tailwind CSS — nessun'altra dipendenza runtime.

Altri layout Autenticazione (6)

Visualizza tutto

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

Amato da dev, designer
e creator

  • Mi sono imbattuto nel tuo kit UI e l’ho preso subito. Colpito nel vedere che è nuovo, mantenuto attivamente e migliorato di continuo. Lavoro pazzesco! 🤘

    Ziv Reich, Sviluppatore software

  • Volevo solo dire: ottimo lavoro con neobrutalism.com. Mi piace davvero. Sono negato con il design, quindi per me è stato fantastico. L’ho usato sul mio sito personale.

    Paul Bratslavsky, Creatore di Coding With Paul

  • Finalmente ho rifatto il mio sito personale con Neobrutalism.com — libreria divertente e semplicissima da iniziare!

    Cameron Blackwood, Content creator

  • Neobrutalism.com è una delle mie librerie di componenti UI retro preferite — componenti che si shippano davvero.

    Zhengyang Hou, Indie hacker

  • una delle mie librerie ui preferite per il web. ottimo lavoro — spero che vada alla grande.

    Taseen Tanvir, Founder e designer

  • Ho appena provato Neobrutalism.com Pro — un kit UI che non somiglia a tutto il resto. I blocchi neobrutalisti 🔥 hanno reso più veloce prototipare layout strani e divertenti.

    Nitesh Padghan, Ghostwriter

  • Design di landing page bellissimo, con equilibrio e flusso perfetti. La palette di colori unita alle animazioni crea un’esperienza utente eccezionale.

    Alan Obeng-Peprah, Senior Designer @ NativeXAI

  • Sono davvero impressionato dal design che hanno consegnato. Il prodotto finale corrisponde esattamente a quello che avevo in mente.

    Desmond, Co-fondatore @ VectorlabsVentures

  • Come titolare di agenzia di solito passo settimane a rifinire i layout delle landing per i clienti. Con Neobrutalism.com inserisco un template, regolo il copy e sono pronto a pubblicare.

    Duke Opoku Amankwah, Fondatore @ Midas

  • I template non sono solo splendidi visivamente: sono anche strutturati benissimo. Ci hanno fatto risparmiare settimane di sviluppo.

    Abiola Braimah, Sviluppatore @ Studio IX

  • Qualità eccellente e attenzione ai dettagli. Il design responsive funziona alla perfezione su tutti i dispositivi.

    Acromond X., Co-fondatore @ VectorlabsVentures

  • Integrare questi template nel nostro workflow ha ridotto in modo significativo il ciclo di sviluppo. Ottimo lavoro.

    Raquib S., Sviluppatore backend

  • Questi template sono diventati la nostra risorsa di riferimento. Il codice è pulito, ben documentato e facilmente personalizzabile.

    Hallic M., Sviluppatore @ AtlasLabs

  • I template di Neobrutalism.com trovano l’equilibrio perfetto tra estetica e funzionalità. Un vero game-changer per i nostri progetti.

    Ibrahim S., Frontend Lead @ ScaleUp

  • Supporto eccellente e template di qualità premium. Il ROI di questi template è fenomenale.

    Kevin K., CEO @ WebCraft

  • I template di Neobrutalism.com hanno trasformato del tutto il modo in cui affrontiamo i progetti clienti. La qualità del codice è eccezionale e i design sono di prim’ordine.

    Danny G., Fondatore di DevStack

  • Ho usato molte librerie di template, ma Neobrutalism.com si distingue per l’attenzione all’ottimizzazione delle performance e a un’architettura di codice pulita.

    Ian D., CTO di Wavelength

  • Le animazioni e le micro-interazioni di questi template sono assolutamente stupefacenti. Il miglior investimento per il nostro team design.

    Ben S., Lead Designer di PixelPerfect

  • Come founder non tecnico, i template di Neobrutalism.com ci hanno aiutato a lanciare l’MVP in tempi record senza scendere a compromessi sulla qualità del design. I nostri investitori sono rimasti a bocca aperta.

    Matthew I., Fondatore di startup

  • Apprezzo quanto siano modulari e ben documentati questi componenti. Abbiamo potuto mischiare pezzi di template diversi senza attriti.

    Garrett P., Frontend Lead di TechFusion

  • Il ROI dei template di Neobrutalism.com è incredibile. Abbiamo ridotto drasticamente i tempi di sviluppo consegnando siti di qualità superiore ai clienti.

    Xavier C., Titolare di agenzia

Domande
frequenti

Come è composto il blocco Login con codice QR, cosa puoi modificare e quando usarlo al posto degli altri layout qui.

Problemi con l'accesso? Scrivici[email protected]
Get Pro — Save 33%--:--:--