Vibe Materials

AI-generated websites के लिए material recipe library. पहले व्यापक map, फिर high-quality copyable recipes.

Ready recipes देखें Map खोलें

106: materials
12: ready recipes
5: languages

Web materials की periodic table

Ready tiles में code और prompts हैं. In-progress tiles खुलते हैं, लेकिन fake snippets नहीं देते.

ReadyLgLiquid GlassDigital / Web UI In ProgressGmGlassmorphismDigital / Web UI ReadyFfFrosted FilmDigital / Web UI In ProgressNmNeumorphismDigital / Web UI In ProgressCyClaymorphismDigital / Web UI ReadyAuAurora GradientDigital / Web UI ReadyNgNoise GradientDigital / Web UI ReadyHgHolographicDigital / Web UI ReadyCrChrome UIDigital / Web UI ReadyDnDark NeonDigital / Web UI In ProgressSpSoft PlasticDigital / Web UI ReadyTgTerminal GreenDigital / Web UI In ProgressGrGlitch RedDigital / Web UI In ProgressBpBento PaperDigital / Web UI In ProgressMgMesh GradientDigital / Web UI In ProgressVgVapor GlassDigital / Web UI In ProgressAcAcid ChromeDigital / Web UI In ProgressDbDuotone BlurDigital / Web UI In ProgressNeNeon GlassDigital / Web UI In ProgressCfCyber FrostDigital / Web UI In ProgressGhGradient MeshDigital / Web UI In ProgressSsShadow StackDigital / Web UI PlannedSkSkeuomorphic PanelDigital / Web UI PlannedTiTranslucent InkDigital / Web UI In ProgressPgPaper GrainSurface / Texture In ProgressVlVellumSurface / Texture In ProgressCwCanvas WeaveSurface / Texture In ProgressLnLinenSurface / Texture In ProgressPcPaper CutSurface / Texture In ProgressIbInk BleedSurface / Texture In ProgressRiRisographSurface / Texture In ProgressHtHalftoneSurface / Texture In ProgressRmRubber MatteSurface / Texture In ProgressEnEnamelSurface / Texture PlannedCkCorkSurface / Texture PlannedFtFeltSurface / Texture PlannedCdChalk DustSurface / Texture PlannedTrTerrazzoSurface / Texture PlannedVvVelvetSurface / Texture PlannedWpWet PaintSurface / Texture ReadyGoGoldPhysical / Industrial In ProgressSiSilverPhysical / Industrial In ProgressCuCopperPhysical / Industrial In ProgressTnTitaniumPhysical / Industrial In ProgressBmBrushed MetalPhysical / Industrial ReadyCxCarbon FiberPhysical / Industrial In ProgressMbMarblePhysical / Industrial In ProgressGtGranitePhysical / Industrial In ProgressPlPearlPhysical / Industrial In ProgressCeCeramicPhysical / Industrial In ProgressAyAcrylicPhysical / Industrial In ProgressFpFrosted PlasticPhysical / Industrial PlannedRbRubberPhysical / Industrial PlannedLhLeatherPhysical / Industrial PlannedDeDenimPhysical / Industrial PlannedCoConcretePhysical / Industrial ReadyRpRPG Gold ButtonGame UI In ProgressPoPotion GlassGame UI ReadyCgCrystal GemGame UI In ProgressLcLava CoreGame UI In ProgressIcIce ButtonGame UI In ProgressTsToxic SlimeGame UI In ProgressStStone TabletGame UI In ProgressWsWooden SignGame UI In ProgressPaPixel ArcadeGame UI In ProgressMrMagic RuneGame UI In ProgressMmMecha MetalGame UI PlannedMoMana OrbGame UI PlannedDsDragon ScaleGame UI PlannedQpQuest ParchmentGame UI PlannedClCyber LootGame UI PlannedIsInventory SlotGame UI PlannedHbHealth Bar GelGame UI PlannedScSpellbook CoverGame UI In ProgressLbLens BlurOptical / Light In ProgressRfRefraction FieldOptical / Light In ProgressBhBloom HaloOptical / Light In ProgressCtCausticsOptical / Light In ProgressIfIridescent FilmOptical / Light In ProgressPsPrism SplitOptical / Light In ProgressSeSpecular EdgeOptical / Light In ProgressFoSpotlight FalloffOptical / Light PlannedGsGlass ShadowOptical / Light PlannedVmVolumetric MistOptical / Light PlannedLaLaser GlowOptical / Light PlannedDfDepth FogOptical / Light PlannedMiMoiréOptical / Light PlannedDiDiffractionOptical / Light PlannedLlLight LeakOptical / Light PlannedCaChromatic AberrationOptical / Light In ProgressHdHUD GlassCyber / Interface In ProgressSySci-fi PanelCyber / Interface In ProgressDgData GridCyber / Interface In ProgressCsCRT ScanlineCyber / Interface In ProgressMxMatrix RainCyber / Interface In ProgressWaWarning StripeCyber / Interface In ProgressBgBlueprint GridCyber / Interface In ProgressCcCommand ConsoleCyber / Interface PlannedRsRadar SweepCyber / Interface PlannedCiCircuit BoardCyber / Interface PlannedLzLaser EdgeCyber / Interface PlannedBiBiometric GlassCyber / Interface PlannedWmWireframe MeshCyber / Interface PlannedTpTelemetry PanelCyber / Interface PlannedSbScan BeamCyber / Interface PlannedSmStealth MatteCyber / Interface

First-wave recipes

Launch set digital web materials पर केंद्रित है, लेकिन system की breadth भी दिखाता है.

Digital / Web UI

Liquid Glass

Soft blur, bright edges और हल्की depth वाली translucent refractive glass surface.

Digital / Web UI

Frosted Film

एक calm diffused translucent layer, जो नीचे का color दिखाती है पर clear glass नहीं बनती.

Digital / Web UI

Aurora Gradient

Aurora light से inspired soft atmospheric gradient, जो heavy illustration के बिना depth देता है.

Digital / Web UI

Noise Gradient

Subtle grain वाला gradient, जो AI pages की sterile smoothness हटाता है.

Digital / Web UI

Holographic

Shifting color bands, pearly highlights और thin-film feeling वाला iridescent foil-like material.

Digital / Web UI

Chrome UI

Bright bands, dark cuts और polished industrial feel वाली hard reflective metal UI surface.

Digital / Web UI

Dark Neon

Disciplined neon edges, strong contrast और technical nighttime mood वाला dark interface material.

Digital / Web UI

Terminal Green

Developer tools, AI agents और system monitoring interfaces के लिए terminal-inspired green phosphor material.

Physical / Industrial

Gold

High contrast bands, premium shine और heavy value feel वाला warm metallic material.

Physical / Industrial

Carbon Fiber

Dark technical weave material, जो interface को performance, hardware या engineering tone देता है.

RPG Gold Button

Bevels, warm metal, inner depth और reward-like click target वाला fantasy game button material.

Crystal Gem

Angular cuts, inner glow, sharp highlights और collectible game-object feel वाला faceted gem material.

Material families

Map interface texture को surface, light, physicality, game language और cyber UI के हिसाब से रखता है.

24

Digital / Web UI

8 Ready / 24

16

Surface / Texture

0 Ready / 16

16

Optical / Light

0 Ready / 16

16

Physical / Industrial

2 Ready / 16

18

Game UI

2 Ready / 18

16

Cyber / Interface

0 Ready / 16

AI coding tools के साथ इस्तेमाल करें

Material prompt को Cursor, Codex, Lovable, Bolt या Claude Code में paste करें, फिर CSS या React sample को reference बनाएं.

01AI Prompt

02CSS

03React example