İçeriğe atla

Dört Adımlı Kurulum Sihirbazı

Onboarding · Pro kaynağı

Kayıttan sonraki ilk oturum için yatay bir kurulum sihirbazı. Üstteki numaralı ray neyin bittiğini, neyin güncel olduğunu ve neyin hâlâ kilitli olduğunu işaretler; bir ilerleme çubuğu ve Step 2 of 4 satırı aynı şeyi sözle söyler ve altındaki panel ilerledikçe alanlarını değiştirir. Cevaplar tek bir düz kayıtta yaşar ve ekran dışında olan her alan gizli bir input üzerinden post etmeye devam eder; böylece birinci adımda yazılan hiçbir şey Review'a varıldığında kaybolmaz.

Canlı önizlemeyi açNeobrütalism Pro'yu al
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.
Dört Adımlı Kurulum Sihirbazı
  • 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.

Onboarding için daha fazla düzen (5)

Hepsini görüntüle

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

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 Dört Adımlı Kurulum Sihirbazı 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%--:--:--