{
  "svelte-4-5-runes": {
    "title": "Svelte 4/5/Runes",
    "description": "Verions 1 is for Svelte 4/5 and version 2 is for Svelte 5 Runes.",
    "icon": "BadgeCheckOutline",
    "icon_class": "text-pink-500"
  },
  "brand-regular-solid": {
    "title": "Brands, Regular, and Solid Icons",
    "description": "2000+ SVG Icons.",
    "icon": "BellActiveAltOutline",
    "icon_class": "text-green-500"
  },
  "accessible": {
    "title": "Accessible SVGs",
    "description": "A11y props, `title`, `desc`, and `ariaLabel` for accessible SVG icons.",
    "icon": "Accessibility",
    "icon_class": "text-blue-400"
  },
  "faster-compiling": {
    "title": "Faster Compiling",
    "description": "Import icons directly to optimize compilation speed and improve performance.",
    "icon": "TruckFastSolid",
    "icon_class": "text-yellow-500"
  },
  "ide-support": {
    "title": "IDE Support",
    "description": "Hovering over a component name will display features, props, events, and more for an LSP-compatible editors.",
    "icon": "Visualstudiocode",
    "icon_class": "text-blue-500"
  },
  "global-icons": {
    "title": "Global Icons",
    "description": "Use `IconSolid` and `IconOutline` to careat default icons.",
    "icon": "GlobeOutline",
    "icon_class": "text-purple-500"
  },
  "css-frameworks": {
    "title": "CSS Frameworks support",
    "description": "Use TailwindCSS, Bootstrap CSS, or any other CSS frameworks.",
    "icon": "TailwindSolid",
    "icon_class": "text-blue-500"
  },
  "seven-props": {
    "title": "Seven Props",
    "description": "Control the size, role, color, events, aria-label, title, and desc.",
    "icon": "A7Solid",
    "icon_class": "text-cyan-500"
  },
  "darkmode": {
    "title": "Dark mode",
    "description": "Use `class` props to add your dark mode color.",
    "icon": "MoonSolid",
    "icon_class": "text-yellow-200"
  }
}