Digital / Web UI
8 Listo / 24
Vibe Materials
Una biblioteca de recetas de materiales para sitios generados con IA: primero el mapa completo, luego recetas listas para copiar.
- 106
- materiales
- 12
- recetas listas
- 5
- idiomas
Una tabla periódica para materiales web
Las fichas listas incluyen código y prompts. Las fichas en progreso se pueden abrir, pero no contienen snippets falsos.
ListoLgLiquid GlassDigital / Web UIEn progresoGmGlassmorphismDigital / Web UIListoFfFrosted FilmDigital / Web UIEn progresoNmNeumorphismDigital / Web UIEn progresoCyClaymorphismDigital / Web UIListoAuAurora GradientDigital / Web UIListoNgNoise GradientDigital / Web UIListoHgHolographicDigital / Web UIListoCrChrome UIDigital / Web UIListoDnDark NeonDigital / Web UIEn progresoSpSoft PlasticDigital / Web UIListoTgTerminal GreenDigital / Web UIEn progresoGrGlitch RedDigital / Web UIEn progresoBpBento PaperDigital / Web UIEn progresoMgMesh GradientDigital / Web UIEn progresoVgVapor GlassDigital / Web UIEn progresoAcAcid ChromeDigital / Web UIEn progresoDbDuotone BlurDigital / Web UIEn progresoNeNeon GlassDigital / Web UIEn progresoCfCyber FrostDigital / Web UIEn progresoGhGradient MeshDigital / Web UIEn progresoSsShadow StackDigital / Web UIPlaneadoSkSkeuomorphic PanelDigital / Web UIPlaneadoTiTranslucent InkDigital / Web UIEn progresoPgPaper GrainSuperficie / TexturaEn progresoVlVellumSuperficie / TexturaEn progresoCwCanvas WeaveSuperficie / TexturaEn progresoLnLinenSuperficie / TexturaEn progresoPcPaper CutSuperficie / TexturaEn progresoIbInk BleedSuperficie / TexturaEn progresoRiRisographSuperficie / TexturaEn progresoHtHalftoneSuperficie / TexturaEn progresoRmRubber MatteSuperficie / TexturaEn progresoEnEnamelSuperficie / TexturaPlaneadoCkCorkSuperficie / TexturaPlaneadoFtFeltSuperficie / TexturaPlaneadoCdChalk DustSuperficie / TexturaPlaneadoTrTerrazzoSuperficie / TexturaPlaneadoVvVelvetSuperficie / TexturaPlaneadoWpWet PaintSuperficie / TexturaListoGoGoldFísico / IndustrialEn progresoSiSilverFísico / IndustrialEn progresoCuCopperFísico / IndustrialEn progresoTnTitaniumFísico / IndustrialEn progresoBmBrushed MetalFísico / IndustrialListoCxCarbon FiberFísico / IndustrialEn progresoMbMarbleFísico / IndustrialEn progresoGtGraniteFísico / IndustrialEn progresoPlPearlFísico / IndustrialEn progresoCeCeramicFísico / IndustrialEn progresoAyAcrylicFísico / IndustrialEn progresoFpFrosted PlasticFísico / IndustrialPlaneadoRbRubberFísico / IndustrialPlaneadoLhLeatherFísico / IndustrialPlaneadoDeDenimFísico / IndustrialPlaneadoCoConcreteFísico / IndustrialListoRpRPG Gold ButtonGame UIEn progresoPoPotion GlassGame UIListoCgCrystal GemGame UIEn progresoLcLava CoreGame UIEn progresoIcIce ButtonGame UIEn progresoTsToxic SlimeGame UIEn progresoStStone TabletGame UIEn progresoWsWooden SignGame UIEn progresoPaPixel ArcadeGame UIEn progresoMrMagic RuneGame UIEn progresoMmMecha MetalGame UIPlaneadoMoMana OrbGame UIPlaneadoDsDragon ScaleGame UIPlaneadoQpQuest ParchmentGame UIPlaneadoClCyber LootGame UIPlaneadoIsInventory SlotGame UIPlaneadoHbHealth Bar GelGame UIPlaneadoScSpellbook CoverGame UIEn progresoLbLens BlurÓptico / LuzEn progresoRfRefraction FieldÓptico / LuzEn progresoBhBloom HaloÓptico / LuzEn progresoCtCausticsÓptico / LuzEn progresoIfIridescent FilmÓptico / LuzEn progresoPsPrism SplitÓptico / LuzEn progresoSeSpecular EdgeÓptico / LuzEn progresoFoSpotlight FalloffÓptico / LuzPlaneadoGsGlass ShadowÓptico / LuzPlaneadoVmVolumetric MistÓptico / LuzPlaneadoLaLaser GlowÓptico / LuzPlaneadoDfDepth FogÓptico / LuzPlaneadoMiMoiréÓptico / LuzPlaneadoDiDiffractionÓptico / LuzPlaneadoLlLight LeakÓptico / LuzPlaneadoCaChromatic AberrationÓptico / LuzEn progresoHdHUD GlassCyber / InterfazEn progresoSySci-fi PanelCyber / InterfazEn progresoDgData GridCyber / InterfazEn progresoCsCRT ScanlineCyber / InterfazEn progresoMxMatrix RainCyber / InterfazEn progresoWaWarning StripeCyber / InterfazEn progresoBgBlueprint GridCyber / InterfazEn progresoCcCommand ConsoleCyber / InterfazPlaneadoRsRadar SweepCyber / InterfazPlaneadoCiCircuit BoardCyber / InterfazPlaneadoLzLaser EdgeCyber / InterfazPlaneadoBiBiometric GlassCyber / InterfazPlaneadoWmWireframe MeshCyber / InterfazPlaneadoTpTelemetry PanelCyber / InterfazPlaneadoSbScan BeamCyber / InterfazPlaneadoSmStealth MatteCyber / Interfaz
No hay materiales para este filtro.
Primera ola de recetas
El lanzamiento se concentra en materiales digitales para web, con suficiente variedad para mostrar el sistema completo.
Lg
Digital / Web UI
Liquid Glass
Una superficie de vidrio translúcida con refracción, blur suave, bordes luminosos y un poco de profundidad.
Ff
Digital / Web UI
Frosted Film
Una capa translúcida y difusa que deja ver color sin convertirse en vidrio claro.
Au
Digital / Web UI
Aurora Gradient
Un gradiente atmosférico inspirado en auroras, útil para crear profundidad sin ilustración pesada.
Ng
Digital / Web UI
Noise Gradient
Un gradiente con grano sutil que elimina la suavidad estéril de páginas generadas por IA.
Hg
Digital / Web UI
Holographic
Un material tipo foil iridiscente con bandas de color cambiantes, brillo perlado y sensación de película fina.
Cr
Digital / Web UI
Chrome UI
Una superficie metálica reflectante con bandas brillantes, cortes oscuros y sensación industrial pulida.
Dn
Digital / Web UI
Dark Neon
Un material oscuro con bordes neón controlados, contraste fuerte y ambiente técnico nocturno.
Tg
Digital / Web UI
Terminal Green
Un material verde tipo terminal para herramientas dev, agentes IA y monitoreo de sistemas.
Go
Físico / Industrial
Gold
Un material metálico cálido con bandas de alto contraste, brillo premium y sensación de valor.
Cx
Físico / Industrial
Carbon Fiber
Un tejido técnico oscuro que da a la interfaz un tono de rendimiento, hardware o ingeniería.
Game UI
RPG Gold Button
Un material de botón fantasy con bisel, metal cálido, profundidad interna y sensación de recompensa.
Cg
Game UI
Crystal Gem
Un material de gema facetada con cortes angulares, glow interno, brillos nítidos y sensación coleccionable.
Familias de materiales
El mapa se organiza por la forma en que las personas describen textura de interfaz: superficie, luz, materialidad, juego e interfaz técnica.
Superficie / Textura
0 Listo / 16
Óptico / Luz
0 Listo / 16
Físico / Industrial
2 Listo / 16
Game UI
2 Listo / 18
Cyber / Interfaz
0 Listo / 16
Úsalo con herramientas de programación IA
Copia un prompt de material en Cursor, Codex, Lovable, Bolt o Claude Code y usa el CSS o React como referencia.
01Prompt IA
02CSS
03Ejemplo React