דילוג לתוכן

אשף הגדרה בארבעה שלבים

Onboarding · Pro source

אשף הגדרה אופקי לסשן הראשון אחרי הרשמה. רצועה ממוספרת בראש מסמנת מה הושלם, מה נוכחי ומה עדיין נעול, פס התקדמות ושורת Step 2 of 4 אומרים את אותו הדבר במילים, והפאנל מתחת מחליף את שדותיו כשזזים. התשובות חיות ברשומה שטוחה אחת וכל שדה שמחוץ למסך ממשיך להישלח דרך קלט מוסתר, כך שכלום שהוקלד בשלב הראשון לא אובד עד שמישהו מגיע ל-Review.

פתחו תצוגה מקדימה בזמן אמתקבלו 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.
אשף הגדרה בארבעה שלבים
  • Hero, תמחור ו-auth
  • תצוגה מקדימה של כל נקודת עצירה
  • העתק את הקוד המקור
  • MCP מוכן להתקנה
  • Radix · Base UI · React Aria
  • 158 בלוקים מוכנים
  • קטעי עמוד שנשלחים
  • לוחות מחוונים ושיווק
  • Pro מפעיל את הקוד
  • פריסות פתוחות
תצוגה מקדימהבחינםפתחו במסך מלא והחליפו נקודת שבירה או ערכת נושא.קודProקובץ TSX סגור בעצמו אחד. העתיקו אותו, החזיקו בו.התקנהProפקודת CLI אחת של shadcn — או בקשת הסוכן ל‑Claude Code, ל‑Cursor או לכל לקוח MCP.

בנוי עם

בתוספת אייקוני lucide-react ו-Tailwind CSS — בלי תלות זמן ריצה אחרת.

עוד פריסות Onboarding (5)

הצגת הכל

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

אהובה על מפתחים, מעצבים
ויוצרים

  • נתקלתי בערכת ה-UI שלך ולקחתי אותה מיד. חדשה, מתוחזקת באופן פעיל ומשתפרת כל הזמן — עבודה מדהימה! 🤘

    Ziv Reich, מפתח תוכנה

  • רק רציתי להגיד עבודה מעולה על neobrutalism.com. ממש אהבתי. אני גרוע בעיצוב, אז זה היה מדהים. השתמשתי בזה באתר האישי שלי.

    Paul Bratslavsky, היוצר של Coding With Paul

  • סוף סוף בניתי מחדש את האתר האישי שלי עם Neobrutalism.com — ספרייה כיפית, קל מאוד להתחיל!

    Cameron Blackwood, יוצר תוכן

  • Neobrutalism.com היא אחת מספריות רכיבי ה-UI האהובות עליי בסגנון רטרו — רכיבים שבאמת אפשר ל-ship.

    Zhengyang Hou, אינדי האקר

  • אחת מספריות ה-ui האהובות עליי לווב. עבודה מעולה — מקווה שזה ימריא רחוק.

    Taseen Tanvir, מייסד ומעצב

  • ניסיתי את Neobrutalism.com Pro — ערכת UI שלא נראית כמו כל השאר. הבלוקים הניאו-ברוטליסטיים 🔥 האיצו פרוטוטייפים של לייאאוטים מוזרים.

    Nitesh Padghan, כותב צללים

  • עיצוב דף נחיתה יפהפה עם איזון וזרימה מושלמים. פלטת הצבעים בשילוב האנימציות יוצרת חוויית משתמש יוצאת דופן.

    Alan Obeng-Peprah, Senior Designer @ NativeXAI

  • אני באמת מתרשם מהעיצוב שהם סיפקו. המוצר הסופי תאם בדיוק את מה שדמיינתי.

    Desmond, מייסד-שותף @ VectorlabsVentures

  • כבעל סוכנות, בדרך כלל אני מבלה שבועות בליטוש לייאאוטים של דפי נחיתה ללקוחות. עם Neobrutalism.com אני מחבר תבנית, מתאים את הטקסט ומוכן לשיפ.

    Duke Opoku Amankwah, מייסד @ Midas

  • התבניות לא רק מדהימות ויזואלית — הן גם בנויות מצוין. חסכו לנו שבועות של פיתוח.

    Abiola Braimah, מפתח @ Studio IX

  • איכות יוצאת דופן ותשומת לב לפרטים. העיצוב הרספונסיבי עובד חלק על כל המכשירים.

    Acromond X., מייסד-שותף @ VectorlabsVentures

  • שילוב התבניות האלה בזרימת העבודה קיצר משמעותית את מחזור הפיתוח. עבודה מצוינת.

    Raquib S., מפתח Backend

  • התבניות האלה הפכו למשאב ה-go-to שלנו. הקוד נקי, מתועד היטב וקל להתאמה.

    Hallic M., מפתח @ AtlasLabs

  • תבניות Neobrutalism.com מוצאות את האיזון המושלם בין אסתטיקה לפונקציונליות. משנות משחק אמיתיות לפרויקטים שלנו.

    Ibrahim S., Frontend Lead @ ScaleUp

  • תמיכה יוצאת דופן ותבניות באיכות פרימיום. ה-ROI על התבניות האלה פנומנלי.

    Kevin K., CEO @ WebCraft

  • תבניות Neobrutalism.com שינו לגמרי איך אנחנו ניגשים לפרויקטי לקוחות חדשים. איכות הקוד יוצאת דופן והעיצובים באמת ברמה עולמית.

    Danny G., מייסד DevStack

  • השתמשתי בהרבה ספריות תבניות, אבל Neobrutalism.com בולט בתשומת הלב לאופטימיזציית ביצועים ולארכיטקטורת קוד נקייה.

    Ian D., CTO ב-Wavelength

  • האנימציות והמיקרו-אינטראקציות בתבניות האלה פשוט מדהימות. ההשקעה הכי טובה לצוות העיצוב שלנו.

    Ben S., Lead Designer ב-PixelPerfect

  • כמייסד לא-טכני, תבניות Neobrutalism.com עזרו לנו להשיק MVP בזמן שיא בלי להתפשר על איכות העיצוב. המשקיעים שלנו התרשמו מאוד.

    Matthew I., מייסד סטארטאפ

  • אני מעריך כמה המודולים האלה מודולריים ומתועדים היטב. הצלחנו לערבב חלקים מתבניות שונות בלי חיכוך.

    Garrett P., Frontend Lead ב-TechFusion

  • ה-ROI על תבניות Neobrutalism.com מדהים. קיצרנו דרמטית את זמן הפיתוח תוך אספקת אתרים באיכות גבוהה יותר ללקוחות.

    Xavier C., בעל סוכנות

שואלים
לעתים קרובות

כיצד בנויה בלוק אשף הגדרה בארבעה שלבים, מה תוכלו לשנות, ואיזה שימוש לעשות בו במקום בפריסות האחרות כאן.

בעיה בגישה לחסימה? שלחו דוא"ל[email protected]
Get Pro — Save 33%--:--:--