{
  "query": {
    "limit": 20,
    "offset": 0
  },
  "total": 2193,
  "count": 20,
  "nextCursor": "20",
  "results": [
    {
      "slug": "pulse-vg-0568",
      "name": ".pulse",
      "description": "Heartbeat Agency's open design system aimed at agency teams, with components, tokens and a lightweight governance model.",
      "url": "https://pulse.heartbeat.ua/",
      "domain": "pulse.heartbeat.ua",
      "author": "Heartbeat Agency",
      "license": "open-source",
      "category": "Design Systems & Foundations",
      "subcategory": "Public design systems",
      "tags": [
        "agency",
        "tokens",
        "governance",
        "components"
      ],
      "whyGem": "Agency-scale system sized for client work rather than a 500-person org.",
      "sourceType": "site",
      "image": "/api/public/library/og/VG-0568-card.svg",
      "pageUrl": "https://vibing.inc/library/pulse-vg-0568"
    },
    {
      "slug": "figma-rest-api-spec-vg-1006",
      "name": "@figma/rest-api-spec",
      "description": "Figma's official OpenAPI 3.1 specification plus generated TypeScript types for the whole REST API, published to npm.",
      "url": "https://github.com/figma/rest-api-spec",
      "domain": "github.com",
      "author": "Figma",
      "license": "MIT",
      "category": "Figma, Assets & Media",
      "subcategory": "Figma API & plugin dev",
      "tags": [
        "figma-api",
        "openapi",
        "typescript",
        "types"
      ],
      "whyGem": "Typed Figma API responses for free - stop hand-writing interfaces.",
      "sourceType": "github",
      "image": "/api/public/library/og/VG-1006.png",
      "pageUrl": "https://vibing.inc/library/figma-rest-api-spec-vg-1006"
    },
    {
      "slug": "smastrom-react-rating-vg-1861",
      "name": "@smastrom/react-rating",
      "description": "Zero-dependency, fully accessible star and custom-shape rating input with keyboard and RTL support.",
      "url": "https://github.com/smastrom/react-rating",
      "domain": "github.com",
      "author": "Simone Mastromattei (@smastrom)",
      "license": "MIT",
      "category": "UI Components & Libraries",
      "subcategory": "Forms & inputs",
      "tags": [
        "rating",
        "input",
        "accessible",
        "react"
      ],
      "whyGem": "Rating inputs are almost always inaccessible; this one is a real radiogroup",
      "sourceType": "github",
      "image": "/api/public/library/og/VG-1861-480.webp",
      "pageUrl": "https://vibing.inc/library/smastrom-react-rating-vg-1861"
    },
    {
      "slug": "web-kits-audio-vg-0849",
      "name": "@web-kits/audio",
      "description": "Declarative audio synthesis library for the web, letting you compose UI sound from primitives in JSX-like syntax.",
      "url": "https://audio.raphaelsalaja.com/",
      "domain": "audio.raphaelsalaja.com",
      "author": "Raphael Salaja (@raphaelsalaja)",
      "license": "open-source",
      "category": "Dev Utilities & Vibe-Coding Tooling",
      "subcategory": "Audio",
      "tags": [
        "audio",
        "web-audio",
        "react",
        "synthesis"
      ],
      "whyGem": "Declarative Web Audio is rare; makes UI sound design tractable for front-end devs",
      "sourceType": "site",
      "image": "/api/public/library/og/VG-0849-480.webp",
      "pageUrl": "https://vibing.inc/library/web-kits-audio-vg-0849"
    },
    {
      "slug": "21st-dev-vg-2017",
      "name": "21st.dev",
      "description": "Community registry of 12,000+ React and Tailwind components, templates and shadcn themes published by 700+ design engineers, with AI-ready copy prompts.",
      "url": "https://21st.dev",
      "domain": "21st.dev",
      "author": "21st Labs, Inc.",
      "license": "freemium",
      "category": "Resource Directories & Inspiration",
      "subcategory": "Component & CSS galleries",
      "tags": [
        "react",
        "tailwind",
        "shadcn",
        "registry",
        "community"
      ],
      "whyGem": "The largest design-engineer-authored registry, and the obvious benchmark to measure against.",
      "sourceType": "directory",
      "image": "/api/public/library/og/VG-2017.png",
      "pageUrl": "https://vibing.inc/library/21st-dev-vg-2017"
    },
    {
      "slug": "21st-dev-agent-elements-vg-1797",
      "name": "21st.dev Agent Elements",
      "description": "Open registry of agent UI primitives: chat shell, tool-call cards for bash/edit/search/todo, clarifying questions and streaming markdown.",
      "url": "https://agent-elements.21st.dev",
      "domain": "agent-elements.21st.dev",
      "author": "21st.dev (@21stdev)",
      "license": "open-source",
      "category": "UI Components & Libraries",
      "subcategory": "Agent UI",
      "tags": [
        "agent-ui",
        "react",
        "chat",
        "tool-calls"
      ],
      "whyGem": "Tool-call card primitives are the hardest part of an agent UI and nobody else ships them",
      "sourceType": "site",
      "image": "/api/public/library/og/VG-1797-480.webp",
      "pageUrl": "https://vibing.inc/library/21st-dev-agent-elements-vg-1797"
    },
    {
      "slug": "33-javascript-concepts-vg-1273",
      "name": "33 JavaScript Concepts",
      "description": "Curated syllabus of thirty-three core JavaScript concepts, each with articles, videos and code, translated into forty-plus languages.",
      "url": "https://github.com/leonardomso/33-js-concepts",
      "domain": "github.com",
      "author": "Leonardo Maldonado (@leonardomso)",
      "license": "MIT",
      "category": "Learning & Craft",
      "subcategory": "JavaScript fundamentals",
      "tags": [
        "javascript",
        "learning",
        "fundamentals",
        "curriculum"
      ],
      "whyGem": "The closest thing to an agreed curriculum for JavaScript depth, maintained since 2018.",
      "sourceType": "x-thread",
      "image": "/api/public/library/og/VG-1273-480.webp",
      "pageUrl": "https://vibing.inc/library/33-javascript-concepts-vg-1273"
    },
    {
      "slug": "3d-game-shaders-for-beginners-vg-1284",
      "name": "3D Game Shaders For Beginners",
      "description": "Step-by-step repo covering normal mapping, SSAO, bloom, outlining, fog and depth of field with runnable code.",
      "url": "https://lettier.github.io/3d-game-shaders-for-beginners",
      "domain": "lettier.github.io",
      "author": "David Lettier (@lettier)",
      "license": "open-source",
      "category": "Learning & Craft",
      "subcategory": "Shader learning",
      "tags": [
        "shaders",
        "3d",
        "rendering",
        "tutorial"
      ],
      "whyGem": "Every real-time effect you want to steal, explained with before/after screenshots",
      "sourceType": "github",
      "image": "/api/public/library/og/VG-1284-card.svg",
      "pageUrl": "https://vibing.inc/library/3d-game-shaders-for-beginners-vg-1284"
    },
    {
      "slug": "3d-perspective-grid-generator-vg-0769",
      "name": "3D Perspective Grid Generator",
      "description": "Creates vanishing-point perspective grids exportable as SVG for retro and synthwave layouts.",
      "url": "https://www.magicpattern.design/tools/perspective-grid-generator",
      "domain": "magicpattern.design",
      "author": "MagicPattern",
      "license": "free",
      "category": "Design Tools & Generators",
      "subcategory": "Perspective",
      "tags": [
        "svg",
        "perspective",
        "grid",
        "generator"
      ],
      "whyGem": "Perspective grids are fiddly to construct by hand and instantly recognisable",
      "sourceType": "site",
      "image": "/api/public/library/og/VG-0769-480.webp",
      "pageUrl": "https://vibing.inc/library/3d-perspective-grid-generator-vg-0769"
    },
    {
      "slug": "3d-textures-vg-1765",
      "name": "3D Textures",
      "description": "Free seamless PBR texture set library with full map channels, published continuously by a single artist.",
      "url": "https://3dtextures.me/",
      "domain": "3dtextures.me",
      "author": "Joao Paulo (@3dtexturesme)",
      "license": "free",
      "category": "Shaders, WebGL & Creative Coding",
      "subcategory": "Textures & HDRI",
      "tags": [
        "pbr",
        "textures",
        "seamless",
        "3d"
      ],
      "whyGem": "One-person texture library with unusually consistent quality and genuinely free licensing.",
      "sourceType": "site",
      "image": "/api/public/library/og/VG-1765-card.svg",
      "pageUrl": "https://vibing.inc/library/3d-textures-vg-1765"
    },
    {
      "slug": "3d-websites-vg-1680",
      "name": "3D Websites",
      "description": "Gallery collecting only sites using real-time 3D, WebGL scenes and spatial interaction.",
      "url": "https://3dwebsites.design/",
      "domain": "3dwebsites.design",
      "author": null,
      "license": "free",
      "category": "Resource Directories & Inspiration",
      "subcategory": "Web design galleries",
      "tags": [
        "webgl",
        "3d",
        "inspiration",
        "gallery"
      ],
      "whyGem": "The reference list when a client asks for 'something like Bruno Simon'.",
      "sourceType": "directory",
      "image": "/api/public/library/og/VG-1680-480.webp",
      "pageUrl": "https://vibing.inc/library/3d-websites-vg-1680"
    },
    {
      "slug": "3d-force-graph-vg-0479",
      "name": "3d-force-graph",
      "description": "Three.js component rendering force-directed graphs in 3D with node objects, link particles and camera controls.",
      "url": "https://github.com/vasturiano/3d-force-graph",
      "domain": "github.com",
      "author": "Vasco Asturiano (@vasturiano)",
      "license": "MIT",
      "category": "Data Visualization & Charts",
      "subcategory": "Graph & network",
      "tags": [
        "threejs",
        "3d",
        "force-graph",
        "webgl"
      ],
      "whyGem": "One config object away from a graph that looks like a sci-fi console",
      "sourceType": "github",
      "image": "/api/public/library/og/VG-0479-480.webp",
      "pageUrl": "https://vibing.inc/library/3d-force-graph-vg-0479"
    },
    {
      "slug": "3dicons-vg-0722",
      "name": "3dicons",
      "description": "Open-source library of 3D rendered icons in multiple styles and camera angles, free in PNG and Blender source.",
      "url": "https://3dicons.co",
      "domain": "3dicons.co",
      "author": "Vijay Verma (@realvjy)",
      "license": "MIT",
      "category": "Design Tools & Generators",
      "subcategory": "Icons",
      "tags": [
        "icons",
        "3d",
        "render",
        "open-source"
      ],
      "whyGem": "3D icons with the Blender source included, so you can re-render on brand.",
      "sourceType": "site",
      "image": "/api/public/library/og/VG-0722-480.webp",
      "pageUrl": "https://vibing.inc/library/3dicons-vg-0722"
    },
    {
      "slug": "404s-design-vg-1612",
      "name": "404s.design",
      "description": "Collection of 404 error pages, useful for the one screen every project ships and nobody designs.",
      "url": "https://www.404s.design/",
      "domain": "404s.design",
      "author": "Finnian Sturdy",
      "license": "free",
      "category": "Resource Directories & Inspiration",
      "subcategory": "Micro-element galleries",
      "tags": [
        "404",
        "error-states",
        "inspiration",
        "microcopy"
      ],
      "whyGem": "The classic forgotten screen, with a whole gallery devoted to it.",
      "sourceType": "directory",
      "image": "/api/public/library/og/VG-1612-480.webp",
      "pageUrl": "https://vibing.inc/library/404s-design-vg-1612"
    },
    {
      "slug": "60fps-design-vg-1601",
      "name": "60fps.design",
      "description": "Gallery of web experiences curated specifically for high-performance, smooth motion rather than static beauty.",
      "url": "https://60fps.design/",
      "domain": "60fps.design",
      "author": null,
      "license": "free",
      "category": "Resource Directories & Inspiration",
      "subcategory": "Inspiration",
      "tags": [
        "inspiration",
        "motion",
        "performance",
        "gallery"
      ],
      "whyGem": "Curates for motion quality, which no other inspiration gallery does",
      "sourceType": "directory",
      "image": "/api/public/library/og/VG-1601-480.webp",
      "pageUrl": "https://vibing.inc/library/60fps-design-vg-1601"
    },
    {
      "slug": "7-rules-for-creating-gorgeous-ui-vg-1241",
      "name": "7 Rules for Creating Gorgeous UI",
      "description": "Two-part article giving concrete visual rules — light source, spacing, contrast, saturation — for developers designing interfaces.",
      "url": "https://www.learnui.design/blog/7-rules-for-creating-gorgeous-ui-part-1.html",
      "domain": "learnui.design",
      "author": "Erik Kennedy (@erikdkennedy)",
      "license": "free",
      "category": "Learning & Craft",
      "subcategory": "Design writing",
      "tags": [
        "ui",
        "visual-design",
        "rules",
        "learning"
      ],
      "whyGem": "The most-linked 'how do I stop my UI looking amateur' answer, and it's free",
      "sourceType": "site",
      "image": "/api/public/library/og/VG-1241-480.webp",
      "pageUrl": "https://vibing.inc/library/7-rules-for-creating-gorgeous-ui-vg-1241"
    },
    {
      "slug": "8bitcn-ui-vg-1945",
      "name": "8bitcn UI",
      "description": "shadcn/ui components restyled as pixel-art 8-bit widgets with accessible behaviour preserved underneath.",
      "url": "https://www.8bitcn.com/",
      "domain": "8bitcn.com",
      "author": "OrcDev (@theorcdev)",
      "license": "MIT",
      "category": "UI Components & Libraries",
      "subcategory": "Shadcn extensions",
      "tags": [
        "react",
        "shadcn",
        "pixel-art",
        "theme"
      ],
      "whyGem": "Instant game-UI aesthetic without giving up Radix keyboard and ARIA behaviour",
      "sourceType": "site",
      "image": "/api/public/library/og/VG-1945-480.webp",
      "pageUrl": "https://vibing.inc/library/8bitcn-ui-vg-1945"
    },
    {
      "slug": "8x8-me-vg-1154",
      "name": "8x8.me",
      "description": "Library of monotone 8x8 pixel fill patterns for dithering, texture and retro shading, with browsable previews.",
      "url": "https://github.com/ace-dent/8x8.me",
      "domain": "github.com",
      "author": "Andrew Dent (@ace_dent)",
      "license": "open-source",
      "category": "Games, Juice & Interactive",
      "subcategory": "Pixel art & retro",
      "tags": [
        "dither",
        "pattern",
        "pixel-art",
        "1-bit"
      ],
      "whyGem": "Ready-made dither vocabulary for 1-bit art, which is otherwise hand-drawn each time",
      "sourceType": "github",
      "image": "/api/public/library/og/VG-1154-480.webp",
      "pageUrl": "https://vibing.inc/library/8x8-me-vg-1154"
    },
    {
      "slug": "a-collection-of-design-engineers-vg-1578",
      "name": "A Collection of Design Engineers",
      "description": "Running directory of people working at the design/engineering intersection, with links to their sites and work.",
      "url": "https://maggieappleton.com/design-engineers",
      "domain": "maggieappleton.com",
      "author": "Maggie Appleton (@Mappletons)",
      "license": "free",
      "category": "Resource Directories & Inspiration",
      "subcategory": "Design engineering directories",
      "tags": [
        "design-engineering",
        "people",
        "directory",
        "community"
      ],
      "whyGem": "Maps the practitioners, not the products. Best way to find undiscovered personal-site gems.",
      "sourceType": "site",
      "image": "/api/public/library/og/VG-1578-480.webp",
      "pageUrl": "https://vibing.inc/library/a-collection-of-design-engineers-vg-1578"
    },
    {
      "slug": "a-guide-to-css-animation-vg-1438",
      "name": "A Guide to CSS Animation",
      "description": "CodePen collection accompanying a CSS animation guide, demonstrating keyframes, timing, choreography and stateful animation techniques.",
      "url": "https://codepen.io/collection/nMpBQm/",
      "domain": "codepen.io",
      "author": "Jhey Tompkins (@jh3y)",
      "license": "free",
      "category": "Motion & Animation",
      "subcategory": "Codepen collections",
      "tags": [
        "codepen",
        "css",
        "keyframes",
        "tutorial"
      ],
      "whyGem": "Curated by one of CSS's best demo authors; every pen teaches a distinct trick.",
      "sourceType": "site",
      "image": "/api/public/library/og/VG-1438-card.svg",
      "pageUrl": "https://vibing.inc/library/a-guide-to-css-animation-vg-1438"
    }
  ]
}