Digital / Web UI
8 جاهز / 24
Vibe Materials
مكتبة وصفات مواد لمواقع الويب المولدة بالذكاء الاصطناعي: خريطة واسعة أولا، ثم وصفات قوية قابلة للنسخ.
- 106
- خانات مواد
- 12
- وصفات جاهزة
- 5
- لغات
جدول دوري لمواد الويب
الخانات الجاهزة تحتوي على كود و prompts. الخانات قيد العمل قابلة للفتح، لكنها لا تعرض مقتطفات مزيفة.
جاهزLgLiquid GlassDigital / Web UIقيد العملGmGlassmorphismDigital / Web UIجاهزFfFrosted FilmDigital / Web UIقيد العملNmNeumorphismDigital / Web UIقيد العملCyClaymorphismDigital / Web UIجاهزAuAurora GradientDigital / Web UIجاهزNgNoise GradientDigital / Web UIجاهزHgHolographicDigital / Web UIجاهزCrChrome UIDigital / Web UIجاهزDnDark NeonDigital / Web UIقيد العملSpSoft PlasticDigital / Web UIجاهزTgTerminal GreenDigital / Web UIقيد العملGrGlitch RedDigital / Web UIقيد العملBpBento PaperDigital / Web UIقيد العملMgMesh GradientDigital / Web UIقيد العملVgVapor GlassDigital / Web UIقيد العملAcAcid ChromeDigital / Web UIقيد العملDbDuotone BlurDigital / Web UIقيد العملNeNeon GlassDigital / Web UIقيد العملCfCyber FrostDigital / Web UIقيد العملGhGradient MeshDigital / Web UIقيد العملSsShadow StackDigital / Web UIمخططSkSkeuomorphic PanelDigital / Web UIمخططTiTranslucent InkDigital / Web UIقيد العملPgPaper GrainSurface / Textureقيد العملVlVellumSurface / Textureقيد العملCwCanvas WeaveSurface / Textureقيد العملLnLinenSurface / Textureقيد العملPcPaper CutSurface / Textureقيد العملIbInk BleedSurface / Textureقيد العملRiRisographSurface / Textureقيد العملHtHalftoneSurface / Textureقيد العملRmRubber MatteSurface / Textureقيد العملEnEnamelSurface / TextureمخططCkCorkSurface / TextureمخططFtFeltSurface / TextureمخططCdChalk DustSurface / TextureمخططTrTerrazzoSurface / TextureمخططVvVelvetSurface / TextureمخططWpWet PaintSurface / TextureجاهزGoGoldPhysical / Industrialقيد العملSiSilverPhysical / Industrialقيد العملCuCopperPhysical / Industrialقيد العملTnTitaniumPhysical / Industrialقيد العملBmBrushed MetalPhysical / IndustrialجاهزCxCarbon FiberPhysical / Industrialقيد العملMbMarblePhysical / Industrialقيد العملGtGranitePhysical / Industrialقيد العملPlPearlPhysical / Industrialقيد العملCeCeramicPhysical / Industrialقيد العملAyAcrylicPhysical / Industrialقيد العملFpFrosted PlasticPhysical / IndustrialمخططRbRubberPhysical / IndustrialمخططLhLeatherPhysical / IndustrialمخططDeDenimPhysical / IndustrialمخططCoConcretePhysical / IndustrialجاهزRpRPG Gold ButtonGame UIقيد العملPoPotion GlassGame UIجاهزCgCrystal GemGame UIقيد العملLcLava CoreGame UIقيد العملIcIce ButtonGame UIقيد العملTsToxic SlimeGame UIقيد العملStStone TabletGame UIقيد العملWsWooden SignGame UIقيد العملPaPixel ArcadeGame UIقيد العملMrMagic RuneGame UIقيد العملMmMecha MetalGame UIمخططMoMana OrbGame UIمخططDsDragon ScaleGame UIمخططQpQuest ParchmentGame UIمخططClCyber LootGame UIمخططIsInventory SlotGame UIمخططHbHealth Bar GelGame UIمخططScSpellbook CoverGame UIقيد العملLbLens BlurOptical / Lightقيد العملRfRefraction FieldOptical / Lightقيد العملBhBloom HaloOptical / Lightقيد العملCtCausticsOptical / Lightقيد العملIfIridescent FilmOptical / Lightقيد العملPsPrism SplitOptical / Lightقيد العملSeSpecular EdgeOptical / Lightقيد العملFoSpotlight FalloffOptical / LightمخططGsGlass ShadowOptical / LightمخططVmVolumetric MistOptical / LightمخططLaLaser GlowOptical / LightمخططDfDepth FogOptical / LightمخططMiMoiréOptical / LightمخططDiDiffractionOptical / LightمخططLlLight LeakOptical / LightمخططCaChromatic AberrationOptical / Lightقيد العملHdHUD GlassCyber / Interfaceقيد العملSySci-fi PanelCyber / Interfaceقيد العملDgData GridCyber / Interfaceقيد العملCsCRT ScanlineCyber / Interfaceقيد العملMxMatrix RainCyber / Interfaceقيد العملWaWarning StripeCyber / Interfaceقيد العملBgBlueprint GridCyber / Interfaceقيد العملCcCommand ConsoleCyber / InterfaceمخططRsRadar SweepCyber / InterfaceمخططCiCircuit BoardCyber / InterfaceمخططLzLaser EdgeCyber / InterfaceمخططBiBiometric GlassCyber / InterfaceمخططWmWireframe MeshCyber / InterfaceمخططTpTelemetry PanelCyber / InterfaceمخططSbScan BeamCyber / InterfaceمخططSmStealth MatteCyber / Interface
لا توجد مواد لهذا الفلتر.
وصفات الإصدار الأول
يركز الإطلاق على مواد الويب الرقمية، مع مدى كاف لإظهار النظام الطويل الأجل.
Lg
Digital / Web UI
Liquid Glass
سطح زجاجي شفاف مع انكسار ناعم، blur خفيف، حواف مضيئة وعمق بسيط.
Ff
Digital / Web UI
Frosted Film
طبقة شفافة هادئة ومبعثرة تكشف اللون تحتها من دون أن تتحول إلى زجاج واضح.
Au
Digital / Web UI
Aurora Gradient
تدرج ضوئي ناعم مستوحى من الشفق، يعطي عمقا من دون رسوم ثقيلة.
Ng
Digital / Web UI
Noise Gradient
تدرج مع حبيبات ناعمة يزيل النعومة البلاستيكية من صفحات الذكاء الاصطناعي.
Hg
Digital / Web UI
Holographic
مادة قريبة من الرقائق الهولوغرافية مع أشرطة ألوان متغيرة ولمعان لؤلؤي وإحساس بغشاء رقيق.
Cr
Digital / Web UI
Chrome UI
سطح معدني عاكس بحزم ضوء قوية وقطوع داكنة وإحساس صناعي مصقول.
Dn
Digital / Web UI
Dark Neon
مادة واجهة داكنة مع حواف نيون مضبوطة وتباين قوي ومزاج تقني ليلي.
Tg
Digital / Web UI
Terminal Green
مادة خضراء مستوحاة من terminal phosphor لأدوات المطورين ووكلاء AI والمراقبة.
Go
Physical / Industrial
Gold
مادة معدنية دافئة مع أشرطة تباين عالية ولمعان فاخر وإحساس بالقيمة.
Cx
Physical / Industrial
Carbon Fiber
مادة نسيج تقنية داكنة تمنح الواجهة إحساس أداء أو عتاد أو هندسة.
Game UI
RPG Gold Button
مادة زر fantasy مع حواف مشطوفة ومعدن دافئ وعمق داخلي وإحساس مكافأة.
Cg
Game UI
Crystal Gem
مادة جوهرة متعددة الأوجه مع قطوع زاوية وتوهج داخلي ولمعات حادة وإحساس collectible.
عائلات المواد
تنظم الخريطة ملمس الواجهة كما يصفه الناس: سطح، ضوء، مادة، لغة ألعاب، وواجهات تقنية.
Surface / Texture
0 جاهز / 16
Optical / Light
0 جاهز / 16
Physical / Industrial
2 جاهز / 16
Game UI
2 جاهز / 18
Cyber / Interface
0 جاهز / 16
استخدمها مع أدوات البرمجة بالذكاء الاصطناعي
انسخ prompt المادة إلى Cursor أو Codex أو Lovable أو Bolt أو Claude Code، ثم استخدم CSS أو React كمرجع.
01AI Prompt
02CSS
03مثال React