דילוג לתוכן

כרטיסי בלוג עם סרגל זמן קריאה

בלוגים · Pro source

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

בלוגים
Neobrutalist blog cards for React and Tailwind CSS: a wide split card with a photo on the left and headline, excerpt and a black footer bar reading 12 min read next to a yellow Read full chip, above two matching cards with cover photos and the same footer bar.
כרטיסי בלוג עם סרגל זמן קריאה
  • Hero, תמחור ו-auth
  • תצוגה מקדימה של כל נקודת עצירה
  • העתק את הקוד המקור
  • MCP מוכן להתקנה
  • Radix · Base UI · React Aria
  • 158 בלוקים מוכנים
  • קטעי עמוד שנשלחים
  • לוחות מחוונים ושיווק
  • Pro מפעיל את הקוד
  • פריסות פתוחות

בנוי עם

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

עוד פריסות בלוגים (7)

הצגת הכל

https://neobrutalism.com/he/blocks/blogs/blog-cards-with-read-time-bar

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

  • נתקלתי בערכת ה-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]