האתר ui.shadcn.com מציג שכבת בסיס לבניית שפת עיצוב עם רכיבים נגישים שניתנים להרכבה עצמאית. במקום למשוך חבילה מנופחת שסוגרת אתכם בקופסה שחורה, המודל כאן מבוסס על קוד מקור שאתם מעתיקים, משנים ומתאימים ישירות בתוך הפרויקט שלכם. ברכיבים שנמצאים בחומר רואים למשל כפתורים רגילים, Button עם וריאציות של Secondary וגם Outline, תגיות Badge במבנים דומים, תיבות Alert Dialog ודיאלוגים מורכבים. האתר מציג פריסות שלמות עבור Dashboard עם תצוגות כהות ובהירות שמבוססות על קבצי full-light.png וגרסת dark.
הגישה הזו שונה מאוד ממה שמקובל בספריות עיצוב רגילות, מפני שהיא לא מתנהגת כמו תלות חיצונית שנשברת בכל עדכון גרסה מקרי. אתם מקבלים שליטה מלאה בכל שורת קוד, בהתנהגות ובברירות המחדל שמגיעות מהקופסה. היתרון הגדול הוא שאין כאן שום נעילת ספק, כי הקוד של הרכיב כבר יושב אצלכם בתיקיות הפיתוח מן הרגע הראשון.
אין תלות חיצונית.
שליטה מלאה בלי נעילה
זה לא מתאים למי שמחפש פתרון לחיצה אחת בלי לגעת בקוד. פרילנסר שבונה אתרי תדמית פשוטים יבזבז כאן זמן, אבל צוות של עשרה מפתחים או סטארטאפ שבונה אפליקציה מורכבת ימצאו פה בדיוק את היסודות הנכונים. אתם הופכים לבעלים של הקוד ברגע שהכנסתם אותו לפרויקט. זה אומר שאתם גם אחראים לתחזוקה שלו מול שינויי דפדפן ותקלות.
הממשק כולל הדגמות עמוקות של זרימות עבודה אמיתיות. בחומר מופיע חלון שיחה בשם New Chat עם מנגנון גלילה של שיחות AI והודעות נכנסות, לצד ממשקי אבטחה של Danger Zone וחיבור התקנים עם Scan to connect. הוא מציג ניהול מטרות חיסכון עם יעדים כמו 420,000 דולר ליעד פרישה או 85,000 דולר לנדלן, ופירוט תשואות עם 450 מניות Vanguard. בנוסף מוצגת חלוקת תמלוגים של 1,211.29 דולר עם עמלת טיפול של 37.46 דולר, וניהול ספי משיכה עם ברירת מחדל של 2500.00 דולר וגבולות שנעים בין 50 דולר לבין 10,000 דולר.
יש בתיעוד גם רכיב Questionnaire חדש. הדוגמאות מציגות ניהול העברות כספים, תשלומים חוזרים בכרטיסי אשראי, ניטור צריכת חשמל של 3.4 קילוואט עם ייצור סולארי של 1.2 קילוואט, ודשבורד אנליטיקס שמודד תנועה של 418.2K מבקרים עם עלייה של 10%. הרכיבים האלה מספקים שלד מעשי לבניית מסכי עבודה מורכבים במיוחד.
מה קורה עם כסף ועברית
מבחינת כסף, המידע על הכלי עצמו מוגדר כמסלולי paid וארגוני enterprise, בלי מחירון פומבי שמפרט עלויות שוטפות. המספרים הרבים שמופיעים בצילומי המסך, כמו יתרות משיכה מעל 10.00 דולר או יעדי השקעות של מאות אלפי דולרים, שייכים לדוגמאות הפיננסיות של הדשבורד ולא לעלות הכלי. כדי להבין מה דורש המסלול הארגוני ומה עלות הרישוי בתשלום תצטרכו לפנות לחברה באופן ישיר.
האתר לא מפרסם מחירון.
האתר והתיעוד בנויים באנגלית בלבד. אין אזכור של תמיכה מובנית ביישור מימין לשמאל עבור עברית או פתרון RTL מוכן מראש ברכיבים כמו Button Group או בתפריטי ההגדרות. אם אתם בונים ממשק שמיועד לקהל ישראלי, אתם תצטרכו להפוך את כיווני השדות, תיבות הבחירה וההתראות בעצמכם בקוד. אין לחברה נציגות בישראל או מוקד שירות מקומי.
כשמדובר בעזיבה, הנתונים והקוד כבר יושבים בתוך הפרויקט שלכם ולא בענן חיצוני מרוחק. אם תחליטו להפסיק להשתמש באתר ui.shadcn.com או בעדכונים שלו, שום דבר בפרויקט הקיים שלכם לא יקרוס. זה יתרון מהותי עבור עסקים שאינם מוכנים להסתכן בסגירת שירותים חיצוניים ומעדיפים החזקה מלאה בקוד.
רכיבים מרכזיים בחומר
- Questionnaire לטפסים ושאלונים
- Button בגרסאות Secondary וגם Outline
- Badge לתגיות וסימונים
- Alert Dialog לחלונות התראה ודיאלוג
- Button Group לאשכולות כפתורים
רכיבים שניתנים להרכבה ונגישים עם ברירות מחדל מחושבות. בנו את ספריית הרכיבים שלכם עם קוד שתוכלו להתאים אישית, להרחיב ולהפוך לשלכם.עמוד הבית של shadcn/ui
כל עובדה בעמוד נקראה מהאתר של shadcn/ui בתאריך שרשום למעלה. מחירים ומגבלות משתנים; לפני שמשלמים, בודקים בעמוד המחירון שלהם. מצאתם טעות? כתבו.