Vai al contenuto

Wizard setup in 4 step

Onboarding · Codice sorgente Pro

Un wizard di configurazione orizzontale per la prima sessione dopo il signup. Una rotaia numerata in alto segna cosa è fatto, cosa è corrente e cosa è ancora bloccato, una barra di avanzamento e una riga Step 2 di 4 dicono la stessa cosa a parole, e il pannello sotto scambia i suoi campi mentre ci si muove. Le risposte vivono in un unico record piatto e ogni campo fuori schermo continua a essere inviato tramite un input nascosto, così nulla digitato allo step uno va perso al momento in cui si raggiunge Review.

Apri anteprima in direttaOttieni Neobrutalism Pro
Onboarding
Neobrutalist four-step setup wizard for React and Tailwind CSS: a rail of four numbered circles labelled Account, Business, Team and Review with the first ticked and the second highlighted yellow, a Step 2 of 4 progress bar, a card with Company name and Website fields, and Back and Next buttons.
Wizard setup in 4 step
  • 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 Onboarding (5)

Visualizza tutto

https://neobrutalism.com/it/blocks/onboarding/four-step-setup-wizard

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 Wizard setup in 4 step, cosa puoi modificare e quando usarlo al posto degli altri layout qui.

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