{
  "name": "Hoverlab — A Living CSS Effects Library",
  "short_name": "Hoverlab",
  "description": "A curated, open-source library of 1,680+ pure-CSS effects with live demos and copy-ready code. Buttons, loaders, cards, text, backgrounds, navigation, dividers, badges and more.",
  "start_url": "/library",
  "scope": "/",
  "display": "standalone",
  "orientation": "any",
  "background_color": "#0b1020",
  "theme_color": "#6366f1",
  "categories": ["developer", "productivity", "education"],
  "lang": "en",
  "icons": [
    {
      "src": "/icon.svg",
      "sizes": "any",
      "type": "image/svg+xml",
      "purpose": "any"
    },
    {
      "src": "/icon-192.png",
      "sizes": "192x192",
      "type": "image/png",
      "purpose": "any"
    },
    {
      "src": "/icon-512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "any"
    },
    {
      "src": "/icon-192.png",
      "sizes": "192x192",
      "type": "image/png",
      "purpose": "maskable"
    },
    {
      "src": "/icon-512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "maskable"
    }
  ],
  "shortcuts": [
    {
      "name": "Browse all effects",
      "short_name": "Library",
      "description": "Open the full library",
      "url": "/library",
      "icons": [{ "src": "/icon-192.png", "sizes": "192x192" }]
    },
    {
      "name": "Playground",
      "short_name": "Playground",
      "description": "Edit HTML + CSS live in a scratchpad",
      "url": "/playground",
      "icons": [{ "src": "/icon-192.png", "sizes": "192x192" }]
    },
    {
      "name": "Favorites",
      "short_name": "Favorites",
      "description": "Your saved effects",
      "url": "/library?filter=Favorites",
      "icons": [{ "src": "/icon-192.png", "sizes": "192x192" }]
    }
  ]
}