https://arthunter.fun/

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta charset="UTF-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6    <title>ArtHunter — AI Asset Collector (Chrome Extension)</title>
7    <meta name="description" content="ArtHunter is a Chrome extension to capture AI images and prompts from the web. Save results + prompts locally, tag by model, and build your personal AI asset library." />
8    <link rel="canonical" href="https://arthunter.fun/" />
9
10    <!-- Open Graph / Twitter -->
11    <meta property="og:type" content="website" />
12    <meta property="og:site_name" content="ArtHunter" />
13    <meta property="og:title" content="ArtHunter — AI Asset Collector" />
14    <meta property="og:description" content="Capture AI images & prompts. Local-first library with tags and models." />
15    <meta property="og:url" content="https://arthunter.fun/" />
16    <meta property="og:image" content="https://arthunter.fun/assets/icon_128.png" />
17    <meta name="twitter:card" content="summary" />
18    <meta name="twitter:title" content="ArtHunter — AI Asset Collector" />
19    <meta name="twitter:description" content="Capture AI images & prompts. Local-first library with tags and models." />
20    <meta name="twitter:image" content="https://arthunter.fun/assets/icon_128.png" />
21
22    <link rel="icon" type="image/png" sizes="128x128" href="/assets/icon_128-Kexnnr1E.png" />
23
24    <!-- JSON-LD -->
25    

25<script type="application/ld+json">
26      {
27        "@context": "https://schema.org",
28        "@type": "SoftwareApplication",
29        "name": "ArtHunter",
30        "applicationCategory": "BrowserApplication",
31        "operatingSystem": "Chrome",
32        "description": "Capture AI images and prompts from the web. Local-first library with tags and models.",
33        "url": "https://arthunter.fun/"
34      }
35    </script>

35
36    

36<script src="https://cdn.tailwindcss.com"></script>

36
37    

37<script>
38      tailwind.config = {
39        theme: {
40          extend: {
41            colors: {
42              background: '#121212',
43              surface: '#1E1E1E',
44              brand: '#DFFF00', // Lime Green / Chartreuse
45              'brand-hover': '#C5E000',
46            },
47            fontFamily: {
48              sans: ['Inter', 'sans-serif'],
49            },
50            boxShadow: {
51              'neon': '0 0 20px rgba(223, 255, 0, 0.4)',
52              'neon-strong': '0 0 40px rgba(223, 255, 0, 0.6)',
53            }
54          },
55        },
56      }
57    </script>

57
58    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
59    <style>
60      body {
61        background-color: #121212;
62        color: white;
63        font-family: 'Inter', sans-serif;
64        overflow-x: hidden;
65      }
66      /* Custom Scrollbar */
67      ::-webkit-scrollbar {
68        width: 8px;
69      }
70      ::-webkit-scrollbar-track {
71        background: #121212;
72      }
73      ::-webkit-scrollbar-thumb {
74        background: #333;
75        border-radius: 4px;
76      }
77      ::-webkit-scrollbar-thumb:hover {
78        background: #DFFF00;
79      }
80    </style>
81
82  

82<script type="importmap">
83{
84  "imports": {
85    "lucide-react": "https://aistudiocdn.com/lucide-react@^0.555.0",
86    "react-dom/": "https://aistudiocdn.com/react-dom@^19.2.0/",
87    "react/": "https://aistudiocdn.com/react@^19.2.0/",
88    "react": "https://aistudiocdn.com/react@^19.2.0",
89    "framer-motion": "https://aistudiocdn.com/framer-motion@^12.23.24"
90  }
91}
92</script>

92
93  

93<script type="module" crossorigin src="/assets/index-BK__ydT_.js"></script>

93
94  <link rel="stylesheet" crossorigin href="/assets/index-tn0RQdqM.css">
95</head>
96  <body>
97    <div id="root"></div>

98<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"7accb4d499cd4476a9fb8810e19847be","r":1,"spa":2}' crossorigin="anonymous"></script>

98
99</body>
100</html>