مبني باستخدام
- Button
- Text
بالإضافة إلى أيقونات lucide-react و Tailwind CSS — بدون أي تبعية وقت تشغيل أخرى.
المزيد من تخطيطات بلوكات الميزات (10)
عرض الكل- 01Pro
بطاقات ميزات غير متماثلة
بطاقتان قصيرتان متراصتان بجانب بطاقة طويلة واحدة تحمل دعوة العمل الوحيدة، تحت عنوان وشارة أيقونة. React وTailwind — رتّب ثلاث ميزات.
- 03Pro
صف خدمات محاط بحدود
بلا بطاقة وبلا امتلاء: ثلاث خلايا مسطَّرة تتسطّح بلاطات أيقوناتها الدائرية مع دفء الخلية عند التحويم. React وTailwind — هادئ بما يكفي لأسفل صفحة.
- 04Pro
بطاقة إحصاءات ميزات مركَّزة
لوحة واحدة مركَّزة على شريط لون كامل العرض، تحمل شارة أيقونة وادّعاء وثلاث بطاقات إحصاء وزراً. React وTailwind — استخدمها كاستراحة.
- 05Pro
قسم ميزات مع معاينة الكود
إثبات عبر الطرفية: ثلاث قدرات مرتّبة إلى جانب سجل نشر معاد تشغيله وبطاقتَي تشغيل. React وTailwind — الصق مخرجاتك الخاصة.
- 06Pro
ثلاثية بطاقات ميزات بأيقونات
بطاقات متكافئة على شريط مصبوغ، لكل منها بلاطة أيقونة دائرية ومربع مُدار مقصوص في زاويتها. React وTailwind — أعد تلوين كل زوج سطحي.
- 07Pro
قسم ميزات بشريط مقاييس
ادّعاء من سطرين إلى جانب أربع بطاقات مقاييس في شبكة 2×2 على شريط عالي التباين، دون أي عنصر قابل للنقر. React وTailwind — ضعه بين الأقسام.
- 08Pro
قائمة ميزات تطبيق الجوال
نموذج هاتف إلى جانب ثلاثة صفوف فوائد مكتوبة كنتائج، وعنوان بظل مُزاح، ودعوتَي عمل. React وTailwind — صدّر نموذجًا جديدًا.
- 09Pro
شبكة ميزات بنموذج هاتف
أربع بطاقات تحيط بنموذج هاتف مُوسَّط، تنتهي كل منها بزر بعرض كامل خاص بها، وزخارف على القطر. React وTailwind — أبقِ العدد زوجيًا.
- 10Pro
ميزات ببطاقات متراصّة
صفوف أيقونات تعرض الحجة على شريط لوني ممتد كامل العرض، يردّ عليها تجميع من بطاقات إثبات متداخلة. React وTailwind — ضعه أسفل قسم البطل.
- 11Pro
شبكة بطاقات ميزات موسومة
ست بطاقات كل منها رابط واحد، موسومة بفئة ومختومة بشريط تذييل يتحرك سهمه عند التمرير. React وTailwind — اكتب ستًا أو اثنتي عشرة.
https://neobrutalism.com/ar/blocks/feature-blocks/bento-services-feature-grid
