דילוג לתוכן

Navbar קניות עם חיפוש

Navbar · Pro source

Navbar לחנות בנוי סביב שני הפקדים שקונים באמת משתמשים בהם — העגלה ותיבת החיפוש. רצועת שירות צהובה נושאת את הבטחת המשלוח ושלושה קישורי אייקון עם מונה עגלה חי; הבר ההפוך מתחת מחזיק את הלוגו, ארבעה קישורי סקשן וטופס חיפוש נשלח שנופל לשורה משלו במקום להתכווץ בטלפון. תפריט הנייד הוא מגירת צד, כך שהוא לוכד פוקוס וסוגר ב-Escape במקום לדחוף את העמוד למטה.

פתחו תצוגה מקדימה בזמן אמתקבלו Neobrutalism Pro
Navbar
Neobrutalist React and Tailwind ecommerce navbar: a yellow strip reading Free delivery on orders over 50 dollars with a Track an order link and cart, account and history icons, above a black bar with the United Marts logo, About, Catalog, Collections and Events links, and a search field.
Navbar קניות עם חיפוש
  • Hero, תמחור ו-auth
  • תצוגה מקדימה של כל נקודת עצירה
  • העתק את הקוד המקור
  • MCP מוכן להתקנה
  • Radix · Base UI · React Aria
  • 158 בלוקים מוכנים
  • קטעי עמוד שנשלחים
  • לוחות מחוונים ושיווק
  • Pro מפעיל את הקוד
  • פריסות פתוחות
תצוגה מקדימהבחינםפתחו במסך מלא והחליפו נקודת שבירה או ערכת נושא.קודProקובץ TSX סגור בעצמו אחד. העתיקו אותו, החזיקו בו.התקנהProפקודת CLI אחת של shadcn — או בקשת הסוכן ל‑Claude Code, ל‑Cursor או לכל לקוח MCP.

בנוי עם

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

עוד פריסות Navbar (7)

הצגת הכל

https://neobrutalism.com/he/blocks/navbar/ecommerce-navbar-with-search

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

  • נתקלתי בערכת ה-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., בעל סוכנות

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

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

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