דילוג לתוכן

מעבדת רכיבים · 77 רכיבים

חלקים קטנים, תחושה גדולה.

לא אתר שלם, רק חלק ממנו: כפתור, תפריט, טופס או כרטיס. כל רכיב רץ חי ומגיע עם פרומפט משלו ל-Claude, מוכן לשילוב באתר שכבר קיים. מחפשים עמוד שלם? מתחילים מעיצובי האתרים המלאים.

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

אזורי פתיחה 10

כל הרכיבים בקטגוריה

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

אזורי פתיחה

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

אזורי פתיחה

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

אזורי פתיחה

הירו רגוע למותג טבעי, עם כתמים בצבעי מרווה וחמר שמשנים צורה לאט מאחורי הכותרת.

אזורי פתיחה

הירו מגזיני ל־Studio Salt, שבו המילה האחרונה בכותרת מתחלפת בין ארבע מילים בתנועת קפיץ, עם כפתור פעולה מגנטי.

אזורי פתיחה

הירו מגזיני ל־Fieldnote Roasters, שבו המילה האחרונה בכותרת מתחלפת בין ארבע מילים בתנועת קפיץ, עם כפתור פעולה מגנטי.

אזורי פתיחה

הירו מגזיני ל־Third Round, שבו המילה האחרונה בכותרת מתחלפת בין ארבע מילים בתנועת קפיץ, עם כפתור פעולה מגנטי.

אזורי פתיחה

גריד בנטו שבו לחיצה על אריח מגדילה אותו, והאריחים האחרים מסתדרים מחדש באנימציית layout.

גרידי בנטו

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

גרידי בנטו

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

גרידי בנטו

טבלת מחירים ברוטליסטית

ניאו־ברוטליסטי

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

גרידי בנטו

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

גרידי בנטו

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

גרידי בנטו

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

גרידי בנטו

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

גרידי בנטו

כפתור מגנטי

מגזיני חם

כפתור קריאה לפעולה שנמשך לכיוון הסמן, והטקסט שלו זז עוד יותר ויוצר עומק.

כפתורים

כפתורים עם צל קשיח שנלחצים פיזית לתוך הדף וקופצים בחזרה בתנועת קפיץ.

כפתורים

כפתור מחיקה שצריך להחזיק לחוץ 1.2 שניות. הוא מתמלא בצבע, ושחרור מוקדם מחזיר אותו אחורה.

כפתורים

כפתור העתקה שהאייקון שלו הופך לוי מצויר והכפתור מתרחב לטקסט "הועתק".

כפתורים

מתג אלסטי

מגזיני חם

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

כפתורים

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

כפתורים

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

כפתורים

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

כפתורים

טיפוגרפיה בתנועה 10

כל הרכיבים בקטגוריה

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

טיפוגרפיה בתנועה

פס טקסט רץ שמאט כשעוברים עליו עם העכבר, ואפשר להאיץ או להפוך את הכיוון שלו בגרירה.

טיפוגרפיה בתנועה

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

טיפוגרפיה בתנועה

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

טיפוגרפיה בתנועה

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

טיפוגרפיה בתנועה

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

טיפוגרפיה בתנועה

באנר הצהרה ל־Crumb & Co. המילים נוחתות אחת־אחת עם סיבוב קפיצי, ובמעבר עכבר הן נוטות הרחק מהסמן.

טיפוגרפיה בתנועה

באנר הצהרה ל־Petal & Stem. המילים נוחתות אחת־אחת עם סיבוב קפיצי, ובמעבר עכבר הן נוטות הרחק מהסמן.

טיפוגרפיה בתנועה

באנר הצהרה ל־Ben-Ami & Katz. המילים נוחתות אחת־אחת עם סיבוב קפיצי, ובמעבר עכבר הן נוטות הרחק מהסמן.

טיפוגרפיה בתנועה

כרטיסי תלת־ממד 10

כל הרכיבים בקטגוריה

גלויה מאוירת משכבות נייר שטוחות שנפרדות בעומק כשהעכבר זז, כמו ספר קופץ.

כרטיסי תלת־ממד

כרטיס דוגמית של פונט שמתהפך בתלת־ממד ומציג בגב את המשקלים והמידות.

כרטיסי תלת־ממד

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

כרטיסי תלת־ממד

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

כרטיסי תלת־ממד

כרטיס מועדון בסגנון Y2K מכרום מוברש, עם פס הולוגרפי שזז לפי ההטיה וכוכב שמסתובב.

כרטיסי תלת־ממד

שלושה כרטיסי שירות של Smile Lab מונחים כמו קלפים ביד. במעבר עכבר הם נפרשים בתלת־ממד, והכרטיס שמצביעים עליו מתרומם קדימה.

כרטיסי תלת־ממד

שלושה כרטיסי שירות של Open Door מונחים כמו קלפים ביד. במעבר עכבר הם נפרשים בתלת־ממד, והכרטיס שמצביעים עליו מתרומם קדימה.

כרטיסי תלת־ממד

שלושה כרטיסי מוצר של Fieldnote Roasters מונחים כמו קלפים ביד. במעבר עכבר הם נפרשים בתלת־ממד, והכרטיס שמצביעים עליו מתרומם קדימה.

כרטיסי תלת־ממד

שלושה כרטיסי שירות של Haddad Arch. מונחים כמו קלפים ביד. במעבר עכבר הם נפרשים בתלת־ממד, והכרטיס שמצביעים עליו מתרומם קדימה.

כרטיסי תלת־ממד

חמש עמודות זו לצד זו, והעמודה שבמעבר עכבר מתרחבת לסיפור הפרויקט כמו שדרת ספר על מדף.

אקורדיונים

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

אקורדיונים

לשוניות אנכיות ביפנית

מינימליזם יפני

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

אקורדיונים

אקורדיון שנפתח שורה אחת בכל פעם ומציג את מה ש־Hill 412 מציע. בשורה הפתוחה צומח פס הדגשה, והפירוט נפרש בתנועת קפיץ.

אקורדיונים

אקורדיון שנפתח שורה אחת בכל פעם ומציג את מה ש־Third Round מציע. בשורה הפתוחה צומח פס הדגשה משמאל, והפירוט נפרש בתנועת קפיץ.

אקורדיונים

טופס יצירת קשר עם תוויות צפות וקו כחול שמצטייר מתחת לשדה הפעיל, ושליחה שמעיפה את החץ.

טפסים

בריף לפרויקט בשלושה שלבים עם בחירת צ'יפים, תקציב ופס התקדמות, ומעברים שמחליקים לפי הכיוון.

טפסים

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

טפסים

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

טפסים

טופס קומפקטי ל־Ben-Ami & Katz: בוחרים שירות מתוך צ׳יפים קופצניים, מקלידים מייל עם קו תחתון שמצטייר, ומקבלים אישור עם חותמת.

טפסים

טופס קומפקטי ל־Fieldnote Roasters: בוחרים שירות מתוך צ׳יפים קופצניים, מקלידים מייל עם קו תחתון שמצטייר, ומקבלים אישור עם חותמת.

טפסים

טופס הזמנה קומפקטי ל־Petal & Stem: בוחרים שירות מצ׳יפים קפיציים, מקלידים מייל עם קו תחתון שמצטייר, ומקבלים אישור עם חותמת.

טפסים