ניאו-ברוטליסטיReact UI רכיבים
רכיבי React נגישים בסגנון ניאו-ברוטליסטי — מסגרות עבות, צללים חדים, צבעוניות רועשת. לכל אחד יש גרסת Radix UI וגרסת Base UI, הם מותקנים עם ה-CLI של shadcn ומגיעים כקוד שהוא שלכם.
- 50+ רכיבים
- קווים עבים, צללים חדים
- shadcn CLI להתקין
- Radix · Base UI · React Aria
- Radix · Base UI · React Aria
- נגיש כברירת מחדל
- הקוד שייך לך
- MCP תמיכה בשרתים
- מצב כהה ו-RTL
- תוויות קטנות ובולטות
כל הרכיבים
Sonner
התראות מסוג "טוסט מוערם" לאישורי שמירה, העלאות וחלונות ביטול — עם עיצוב בסגנון "ניאו-ברוטליסטי" הכולל מסגרות וצללים.
אווטאר
תמונת משתמש עם ראשי תיבות כחלופה בתפריטי הפרופיל, שרשורי התגובות ורשימות הצוות — עם עיטור בסגנון הניאו-ברוטליסטי של מסגרת עבה.
אזור גלילה
מכל הניתן לגלילה עם סרגלי גלילה מותאמים אישית התומכים בכל הדפדפנים, המיועד לחלוניות צ'אט, סרגלי צד ועצי קבצים — עם כפתור גלילה גדול בסגנון ניאו-ברוטליסטי.
אזור טקסט
שדה הזנת טקסט רב-שורות להערות, ביוגרפיות והודעות תמיכה — עם עיצוב ניאו-ברוטליסטי הכולל מסגרות וצללים.
אקורדיון
סט של קטעים הניתנים להרחבה, המסודרים זה מעל זה, עבור שאלות נפוצות, הגדרות ודפים עתירי תוכן — עם עיצוב ניאו-ברוטליסטי הכולל מסגרות וצללים.
בורר תאריך
לוח שנה נפתח לבחירת תאריכים בודדים, טווחי תאריכים וימי הולדת בטפסים ובמסננים — עם מסגרות בסגנון ניאו-ברוטליסטי וצללים חדים.
בחירה
תפריט נפתח לבחירת אפשרות אחת — שדות מדינה, סדר מיון, הגדרות ערכת נושא — עם מסגרות עבות בסגנון ניאו-ברוטליסטי וצללים חדים.
בחירה מקורית
רכיב ה-select המובנה ב-HTML שעבר עיצוב מחדש עבור טפסים, מסננים ובוחרי מדינות — תפריט נפתח המוצג על ידי מערכת ההפעלה, עם מסגרות וצללים בסגנון ניאו-ברוטליסטי.
גיליון
לוח הנפתח מקצה המסך עבור תפריטי ניווט, מסננים וטפסי עריכה — עם עיצוב ניאו-ברוטליסטי הכולל מסגרות וצללים.
התקדמות
פס דק שמתמלא עם השלמת משימה — העלאות, התקנות, תהליך הצטרפות רב-שלבי — עם עיצוב בסגנון הניאו-ברוטליסטי המשלב מסגרות וצללים.
התראה
הערות מוטמעות המציגות שגיאות בטופס, אזהרות ואישורי הצלחה — לוחות בצבעי סטטוס עם מסגרות בסגנון ניאו-ברוטליסטי וצללים חדים.
טבלה
טבלה סמנטית ב-HTML עבור חשבוניות, רשימות ניהול וטבלאות מחירים — שורות עם מסגרת, כותרות מודגשות וצללית ניאו-ברוטליסטית בולטת.
טבלת נתונים
טבלאות הניתנות למיון, לסינון ולחלוקה לעמודים עבור לוחות בקרה, לוחות מחוונים ורשימות הזמנות — עם עיצוב בסגנון "ניאו-ברוטליסטי" הכולל מסגרות וצללים.
טוען
מחוון טעינה מונפש עבור פעולות שליחה, אחזור ומצבי "עסוק" מוטמעים הממתינים לביצוע — סמל שניתן לשלב בקלות בכל רכיב שליטה בסגנון "ניאו-ברוטליסטי".
טיפ
רמזים המופיעים בעת ריחוף והבלטה עבור כפתורי סמל, קיצורי מקלדת ותוויות מקוצרות — עם עיצוב ניאו-ברוטליסטי הכולל מסגרת וצל.
טיפוגרפיה
מתכונים מסוג "שימושי" לכותרות, טקסט גוף, רשימות, טבלאות וקוד מוטמע — המעוצבים בסגנון הניאו-ברוטליסטי הכבד.
יחס גובה-רוחב
מגביל תמונות, קטעי וידאו משובצים ומפות ליחס קבוע בעת שינוי גודלן — כלי הפריסה ששומר על כרטיסים בסגנון "ניאו-ברוטליסטי" בתוך הרשת.
כיוון
ספק הקשר שמבצע היפוך של רכיבים בין כיוון קריאה משמאל לימין (LTR) לכיוון קריאה מימין לשמאל (RTL), כך שתפריטים, סליידרים ולשוניות יופיעו כהלכה בערבית, בעברית ובפרסית.
כפתור
כפתור לחיצה לשליחת טפסים, סרגלי כלים ואישורי ביטול — עם מסגרות עבות וצל שהוא יוצר בעת הלחיצה.
כרטיס
תיבה עם מסגרת המיועדת ללוחות מחוונים, רמות תמחור וטבלאות מוצרים — כותרת עליונה, תוכן וכותרת תחתונה עם אפקט הצללה חדה בסגנון הניאו-ברוטליסטי.
כרטיס ריחוף
תצוגה מקדימה צפה הנפתחת בעת העברת העכבר — הצצות לפרופילים, תצוגה מקדימה של קישורים, מונחים במילון — עם עיצוב ניאו-ברוטליסטי המשלב מסגרות וצללים.
לוח שנה
בוחר תאריכים בתצוגת לוח חודשי להזמנות, תזמון ובחירת טווח — עם עיצוב ניאו-ברוטליסטי הכולל מסגרות וצללים.
לשוניות
עברו בין לוחות תוכן מרובי שכבות — דפי הגדרות, לוחות מחוונים ותצוגה מקדימה של קוד — עם העיצוב הניאו-ברוטליסטי הכולל מסגרות וצללים.
מגירה
גיליון המופעל באמצעות מחוות, הנפתח מכל קצה עבור תפריטים, מסננים וטפסים מהירים במכשירים ניידים — עם מסגרות וצללים בסגנון ניאו-ברוטליסטי.
מחוון
שדה קלט שניתן לגרור לצורך בחירת ערך או טווח — עוצמת קול, מסנני מחירים, הגדרות — עם עיצוב בסגנון "ניאו-ברוטליסטי" הכולל מסגרות וצללים.
מפריד
קו אופקי או אנכי המפריד בין תפריטים, סרגלי כלים ורשימות — מצויר באותו צבע גבול אחיד כמו המסגרות בסגנון הניאו-ברוטליסטי.
מקש
כיסויים למקשי מקלדת המציגים רמזים לקיצורי דרך בתפריטים, ב"טיפים" ובפלטות פקודות — אלמנט kbd מובנה עם מסגרות וצללים בסגנון ניאו-ברוטליסטי.
מתג
מתג הפעלה/כיבוי להגדרות מיידיות — התראות, מצב כהה, דגלי תכונות — עם עיצוב ניאו-ברוטליסטי המשלב מסגרות וצללים.
מתג
כפתור הפעלה/כיבוי דו-מצבי לשליטה בעיצוב סרגל הכלים, בהשתקת צלילים ובהצמדת פריטים — עם עיצוב ניאו-ברוטליסטי הכולל מסגרות וצללים.
ניתן לכיווץ
צמד של כפתור ולוח עבור עצי קבצים, הגדרות מתקדמות וקטעי "הצג עוד" — עם עיצוב ניאו-ברוטליסטי המשלב מסגרות וצללים.
ניתן לשינוי גודל
חלוניות מפוצלות הניתנות לגרירה עבור עורכי קוד, עצי קבצים ומערך לוחות מחוונים — עם עיצוב ניאו-ברוטליסטי הכולל מסגרות וצללים.
סרגל צד
לוח ניווט מתקפל בסגנון "app-shell" עבור לוחות מחוונים, מסמכים וכלי ניהול — עם עיצוב בסגנון "ניאו-ברוטליסטי" הכולל מסגרות וצללים.
עימוד
קישורים לדפים ממוספרים עם כפתורי "קודם" ו"הבא" לתוצאות חיפוש, טבלאות וארכיונים — בסגנון הניאו-ברוטליסטי של "גבולות וצללים".
פופאובר
לוח צף המקושר למנגנון הפעלה עבור בוררי תאריכים, מסננים וטפסים מוטמעים — עם עיצוב ניאו-ברוטליסטי הכולל מסגרות וצללים.
פירורי לחם
מציג את מיקום הדף בהיררכיה של האתר — מסלולי קישורים למסמכים, קטגוריות חנות ולוחות מחוונים — בגופן נואוברוטליסטי מודגש.
פקודה
לוח פקודות המופעל באמצעות המקלדת עבור תפריטי ⌘K, חיפוש כללי ופעולות מהירות — עם עיצוב ניאו-ברוטליסטי המשלב מסגרות וצללים.
פריט
שורת תוכן גמישה הכוללת משבצות למדיה, כותרת, תיאור ופעולה עבור עדכוני התראות, רשימות הגדרות ושורות קבצים — בסגנון ניאו-ברוטליסטי.
קבוצת כפתורים
Fuses מאחד כפתורים מפוצלים, סרגלי כלים ותוספים להזנת נתונים ליחידה אחת ממוסגרת — מסגרת עבה אחת, צל קשיח אחד, לחיצה משותפת אחת.
קבוצת מתגים
קבוצות כפתורים דו-מצביות עבור סרגלי כלים בעורך, מחליפי תצוגה וסרגלי סינון — עם עיצוב ניאו-ברוטליסטי הכולל מסגרות וצללים.
קבוצת קלט
הוסף סמלים, כפתורים ורמזים למקלדת לשדות קלט של סרגלי חיפוש, שדות כתובת URL ומסכי כתיבת הודעות בצ'אט — עם מסגרות וצללים בסגנון ניאו-ברוטליסטי.
קבוצת רדיו
סט כפתורי רדיו לבחירה אחת עבור טפסי תוכניות, אפשרויות משלוח והגדרות — עם עיצוב ניאו-ברוטליסטי המשלב מסגרות וצללים.
קלט
שדה טקסט בן שורה אחת המיועד לשדות כניסה, סרגלי חיפוש וטפסי תשלום — עם עיבוד בסגנון הניאו-ברוטליסטי הכולל מסגרת עבה וצללית חדה.
קלט OTP
הזנת קוד חד-פעמי עבור אימות דו-שלבי (2FA), אימות כניסה ומסכי PIN — שדות התומכים בהדבקה עם מסגרות בסגנון ניאו-ברוטליסטי וצללים חדים.
קרוסלה
מצגת תמונות הניתנת לגלילה, המיועדת לגלריות מוצרים, המלצות ולקטעי "הירו" — המעוצבת במסגרת בסגנון ניאו-ברוטליסטי ובצללים חדים.
ריק
מקום שמור לחיפושים ללא תוצאות, לוחות מחוונים ריקים ומסכי הפעלה ראשונית — סמל, כותרת ופעולה הממוסגרים במסגרת בסגנון ניאו-ברוטליסטי.
שדה
משבצות לתוויות, כפתורי בקרה, טקסט עזרה והודעות שגיאה עבור לוחות הגדרות, טפסי תשלום ותהליכי הרשמה — בעיצוב טפסים בסגנון "ניאו-ברוטליסטי".
שורת תפריטים
פס אופקי של תפריטים נפתחים עבור סרגלי כלים, עורכים ולוחות מחוונים בסגנון אפליקציה — עם עיצוב ניאו-ברוטליסטי הכולל מסגרות וצללים.
שלד
בלוק מחזיק מקום מהבהב לכרטיסים, אווטארים וטבלאות בזמן טעינת הנתונים — עם עיטור גבולות עבים בסגנון ניאו-ברוטליסטי.
תג
תווית קטנה המציינת מצבים, ספירות ותגיות על כרטיסים, טבלאות ופריטי ניווט — עם עיבוד בסגנון "ניאו-ברוטליסטי" הכולל מסגרות וצללים.
תווית
כיתוב עבור שדות קלט, תיבות סימון, מתגים וקבוצות בחירה — לחיצה מפעילה את הרכיב, הכתוב בגופן הכותרת בסגנון הניאו-ברוטליסטי.
תיבה משולבת
שדה הזנה עם השלמה אוטומטית המסנן אפשרויות תוך כדי הקלדה — בוררי מדינות, שדות תגיות, תפריטים נפתחים ארוכים — עם מסגרות וצללים בסגנון ניאו-ברוטליסטי.
תיבת דו-שיח
חלון מודאלי לאישורים, טפסים מהירים והודעות אזהרה לפני ביצוע פעולות הרסניות — המוצג כרובד מעל הדף עם מסגרות עבות וצל כהה.
תיבת התראה
חלון קופץ המעכב את זרימת הפעולות ההרסניות — מחיקה, יציאה מהמערכת, ביטול — עם עיצוב בסגנון "ניאו-ברוטליסטי" המשלב מסגרות וצללים.
תיבת סימון
מתג בינארי לתיבות הסכמה, מסננים לבחירה מרובה ובחירת שורות בכמות גדולה — עם עיצוב בסגנון הניאו-ברוטליסטי הכולל מסגרות וצללים.
תפריט הקשר
תפריט לחיצה ימנית עבור שורות קבצים, משטחי עבודה ורשתות נתונים — פעולות הקשורות להקשר עם עיצוב ניאו-ברוטליסטי של מסגרות וצללים.
תפריט ניווט
פס אופקי המכיל קישורים ותפריטים נפתחים עבור כותרות אתרים, תפריטי ניווט במסמכים וממשקי אפליקציות — עם מסגרות בסגנון ניאו-ברוטליסטי וצללים חדים.
תפריט נפתח
תפריט המופעל באמצעות כפתור, הכולל פעולות בשורה, מעבר בין חשבונות ואפשרויות תצוגה — עם עיצוב בסגנון "ניאו-ברוטליסטי" המשלב מסגרות וצללים.