-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
247 lines (247 loc) · 17.9 KB
/
index.html
File metadata and controls
247 lines (247 loc) · 17.9 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
<!doctype html><html lang=en dir=auto>
<head>
<meta name=generator content="Hugo 0.92.0"><meta charset=utf-8>
<meta http-equiv=x-ua-compatible content="IE=edge">
<meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no">
<meta name=robots content="index, follow">
<title>Chrome Extension&Theme</title>
<meta name=keywords content="chrome,extension,chrome extension,chrome theme,google chrome theme">
<meta name=description content=" Compare picks, read details, and choose the best fit for your Chrome browser.">
<meta name=author content="Seiri">
<link rel=canonical href=https://chrome-tool.github.io/>
<meta name=yandex-verification content="d7c312fb65fa169e">
<link href=https://chrome-tool.github.io/assets/css/stylesheet.d2c0c91dc8ef3fd2da9e49f0e796347c7dbd0a8dc7a92790e98a66b1b3f6c861.css integrity="sha256-0sDJHcjvP9Lanknw55Y0fH29Co3HqSeQ6YpmsbP2yGE=" rel="preload stylesheet" as=style>
<link rel=stylesheet href=/assets/css/includes/cookieconsent.css>
<script src=/assets/js/cookieconsent.js></script>
<script type=module src=/assets/js/cookieconsent-config.js></script>
<link rel=icon href=https://chrome-tool.github.io/favicon.ico>
<link rel=apple-touch-icon href=https://chrome-tool.github.io/apple-touch-icon.png>
<link rel=mask-icon href=https://chrome-tool.github.io/safari-pinned-tab.svg>
<meta name=theme-color content="#111828">
<meta name=msapplication-TileColor content="#111828">
<link rel=alternate type=application/rss+xml href=https://chrome-tool.github.io/index.xml>
<link rel=alternate type=application/json href=https://chrome-tool.github.io/index.json>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4988552421895566" crossorigin=anonymous></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-BY7NMF42C1"></script>
<script>var doNotTrack=!1;if(!doNotTrack){window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag('js',new Date),gtag('config','G-BY7NMF42C1',{anonymize_ip:!1})}</script>
<script type=text/javascript>gtag('consent','default',{ad_storage:'denied',ad_user_data:'denied',ad_personalization:'denied',analytics_storage:'denied'})</script>
<noscript>
<style>#theme-toggle,.top-link{display:none}</style>
</noscript><meta property="og:title" content="Chrome Extension&Theme">
<meta property="og:description" content=" Compare picks, read details, and choose the best fit for your Chrome browser.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://chrome-tool.github.io/">
<meta name=twitter:card content="summary">
<meta name=twitter:title content="Chrome Extension&Theme">
<meta name=twitter:description content=" Compare picks, read details, and choose the best fit for your Chrome browser.">
<script type=application/ld+json>{"@context":"https://schema.org","@type":"\"Organization\"","name":"\"Chrome Extension\\u0026Theme\"","url":"\"https://chrome-tool.github.io/\"","description":"\" Compare picks, read details, and choose the best fit for your Chrome browser.\"","thumbnailUrl":"\"https://chrome-tool.github.io/favicon.ico\"","sameAs":"[]"}</script>
</head>
<body class=list id=top>
<script>localStorage.getItem("pref-theme")==="dark"&&document.body.classList.add("dark")</script>
<header class="bg-gray-900 text-white py-4 px-6 md:px-8 flex items-center">
<div class="flex items-center">
<a href=https://chrome-tool.github.io/ title="Chrome Extension&Theme" class="flex justify-center">
<img src=/logo.png alt="Chrome Extension&Theme" aria-label=logo class="h-8 mr-4">
<h1 class="text-xl font-bold">Chrome Extension&Theme</h1>
</a>
</div>
<nav class="hidden md:flex items-center margin-left-6 space-x-6">
<a class="hover:text-gray-400 text-xl font-bold" href=/ title=Home>
<span class=active>Home</span>
</a>
<a class="hover:text-gray-400 text-xl font-bold" href=/tags/extension title=Extensions>
<span>Extensions</span>
</a>
<a class="hover:text-gray-400 text-xl font-bold" href=/tags/theme title=Themes>
<span>Themes</span>
</a>
<a class="hover:text-gray-400 text-xl font-bold" href=/chrome-theme-maker/ title="Make Themes">
<span>Make Themes</span>
</a>
<a class="hover:text-gray-400 text-xl font-bold" href=/tags/ title=Tags>
<span>Tags</span>
</a>
<a class="hover:text-gray-400 text-xl font-bold" href=/policy/ title="Privacy Policy">
<span>Privacy Policy</span>
</a>
<a class="hover:text-gray-400 text-xl font-bold" href=/sponsor.html title="Support Me">
<span>Support Me</span>
</a>
</nav>
<div class="flex items-center margin-left-auto space-x-4">
<a class="bg-gray-800 text-white cursor-pointer" href=https://chrome-tool.github.io/search title=Search><svg class="h-5 w-5" fill="none" stroke="currentcolor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M21 21l-6-6m2-5A7 7 0 113 10a7 7 0 0114 0z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></svg>
</a>
</div>
</header>
<div class="flex flex-col min-h-screen">
<main class="h-min-height bg-gray-100 py-8 px-6 md:px-8">
<div class="flex flex-col md:flex-row">
<div class="md:w-1/1 max-w-6xl min-h-6xl mx-auto">
<section class=mb-12>
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-3 gap-6">
<a class=entry-link aria-label="post link to Image Picker" href=https://chrome-tool.github.io/posts/image-picker/>
<div class="border bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden hover:shadow-xl transition-transform duration-300 ease-in-out hover:-translate-y-2">
<div class="w-full h-60">
<img alt="Image Picker" class="w-full h-full object-cover" src=/images/image-picker.png>
</div>
<div class="p-4 h-48">
<h3 class="text-lg font-bold mb-2">Image Picker</h3>
<span class="flex text-p mb-2">Date: March 25, 2026</span>
<p class="text-gray-600 dark:text-gray-400 mb-4 line-clamp-4">
A lightweight Chrome extension that collects, previews, and downloads all images on any webpage — without leaving the tab.
Features Comprehensive image collection — captures <img> tags, srcset candidates, <picture><source>, CSS background images, <video> posters, og:image meta tags, and JSON-LD structured data Modern format support — fully handles AVIF, WebP, and CDN-style URLs with ?format=avif query parameters Live badge — the floating launcher shows a real-time count of images found on the page, updating automatically as the page loads more content Floating launcher — drag to reposition, snaps to the left or right edge of the screen; badge moves to the inner side for visibility Smart panel placement — panel opens to the side of the launcher and flips above when the launcher is near the bottom of the screen Search & filter — filter images by filename, alt text, or host; set a minimum size to hide small icons and thumbnails Sort options — sort by largest, smallest, widest, or tallest Per-image actions — open in new tab, copy URL, or download each image individually Batch actions — select all visible images, copy all URLs, or batch download in one click Click outside to close — click anywhere outside the panel to dismiss it; Esc key also works Usage Navigate to any webpage The floating launcher button appears at the bottom-right corner — the number on it shows how many images were found Click the launcher to open the image panel Browse, search, filter, and sort the collected images Use Open, Copy, or Download on individual images, or select multiple and use the batch action bar Drag the launcher to reposition it; it snaps to the left or right edge Click outside the panel or press Esc to close Reviews 5 out of 5 stars
</p>
</div>
</div>
</a>
<a class=entry-link aria-label="post link to Tab Manager" href=https://chrome-tool.github.io/posts/tab-manager/>
<div class="border bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden hover:shadow-xl transition-transform duration-300 ease-in-out hover:-translate-y-2">
<div class="w-full h-60">
<img alt="Tab Manager" class="w-full h-full object-cover" src=/images/tab-manager.png>
</div>
<div class="p-4 h-48">
<h3 class="text-lg font-bold mb-2">Tab Manager</h3>
<span class="flex text-p mb-2">Date: March 24, 2026</span>
<p class="text-gray-600 dark:text-gray-400 mb-4 line-clamp-4">
Tab Manager is a Chrome extension for keeping tab-heavy sessions under control from a side panel. It combines idle suspension, memory-saving actions, smart grouping, search, snapshots, and archive into one unified workflow.
What It Does Tab Control Suspend Idle Tabs — discards tabs idle longer than your configured threshold, keeping them in Chrome so they reload on revisit. Close Duplicates — closes tabs with the same normalized URL, keeping the active one....
</p>
</div>
</div>
</a>
<a class=entry-link aria-label="post link to Chatgpt Voice Assistant" href=https://chrome-tool.github.io/posts/deepseek-voice-assistant/>
<div class="border bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden hover:shadow-xl transition-transform duration-300 ease-in-out hover:-translate-y-2">
<div class="w-full h-60">
<img alt="Chatgpt Voice Assistant" class="w-full h-full object-cover" src=/images/deepseek-voice-assistant.png>
</div>
<div class="p-4 h-48">
<h3 class="text-lg font-bold mb-2">Chatgpt Voice Assistant</h3>
<span class="flex text-p mb-2">Date: July 18, 2025</span>
<p class="text-gray-600 dark:text-gray-400 mb-4 line-clamp-4">
DeepSeek Voice Assistant is an intelligent Chrome extension designed to bring you a more convenient online communication experience. Whether you’re browsing the web or need to quickly send a message, simply click the “Voice” button to interact with DeepSeek via voice input. DeepSeek will convert your voice messages into text and read back the results in the language of your choice. This extension supports multiple language options and adjustable reading speeds, ensuring smooth and efficient communication....
</p>
</div>
</div>
</a>
<a class=entry-link aria-label="post link to Bilibili Downloader" href=https://chrome-tool.github.io/posts/bilibili-downloader/>
<div class="border bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden hover:shadow-xl transition-transform duration-300 ease-in-out hover:-translate-y-2">
<div class="w-full h-60">
<img alt="Bilibili Downloader" class="w-full h-full object-cover" src=/images/bilibili-downloader.png>
</div>
<div class="p-4 h-48">
<h3 class="text-lg font-bold mb-2">Bilibili Downloader</h3>
<span class="flex text-p mb-2">Date: February 7, 2025</span>
<p class="text-gray-600 dark:text-gray-400 mb-4 line-clamp-4">
Bilibili Downloader is a powerful Chrome extension designed for Bilibili users, providing convenient video and cover downloads 🎥💾.
🌟 Key Features Auto-fetch Video ID 🔍 Automatically detects video ID without the need to copy links manually. One-click Download ⬇️ Adds a download button on the video details page and video list page for easy Bilibili video downloads. Simultaneous Cover Download 🖼️ Automatically downloads the video cover along with the video for easy collection and sharing....
</p>
</div>
</div>
</a>
<div class=ad-section>
<ins class=adsbygoogle style=display:block data-ad-format=fluid data-ad-layout-key=-64+bv-16-2n+rj data-ad-client=ca-pub-4988552421895566 data-ad-slot=1179826709></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({})</script>
</div>
<a class=entry-link aria-label="post link to TikTok Downloader" href=https://chrome-tool.github.io/posts/tiktok-downloader/>
<div class="border bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden hover:shadow-xl transition-transform duration-300 ease-in-out hover:-translate-y-2">
<div class="w-full h-60">
<img alt="TikTok Downloader" class="w-full h-full object-cover" src=/images/tiktok-downloader.png>
</div>
<div class="p-4 h-48">
<h3 class="text-lg font-bold mb-2">TikTok Downloader</h3>
<span class="flex text-p mb-2">Date: January 22, 2025</span>
<p class="text-gray-600 dark:text-gray-400 mb-4 line-clamp-4">
🎥 TikTok Downloader ✨
🚀 Download TikTok videos instantly with this all-in-one Chrome extension!
🌟 Features:
💧 No Watermark: Save TikTok videos in crystal-clear quality, watermark-free! ⚡ One-Click Download: Download your favorite videos with just ONE tap! 📂 Bulk Downloader: Grab ALL videos from any TikTok user’s page in a snap! 💡 How It Works: 1️⃣ Open any TikTok video or visit a user’s profile. 2️⃣ Tap the ✨ download button ✨ added by the extension....
</p>
</div>
</div>
</a>
<a class=entry-link aria-label="post link to Animal Crossing: New Horizons Theme" href=https://chrome-tool.github.io/posts/animal-crossing-new-horiz-bm/>
<div class="border bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden hover:shadow-xl transition-transform duration-300 ease-in-out hover:-translate-y-2">
<div class="w-full h-60">
<img alt="Animal Crossing: New Horizons Theme" class="w-full h-full object-cover" src=/images/animal-crossing-new-horiz-bm.png>
</div>
<div class="p-4 h-48">
<h3 class="text-lg font-bold mb-2">Animal Crossing: New Horizons Theme</h3>
<span class="flex text-p mb-2">Date: November 15, 2024</span>
<p class="text-gray-600 dark:text-gray-400 mb-4 line-clamp-4">
Animal Crossing: New Horizons Theme WallPaper. This theme is compatible with all screen sizes below 1920x1080.
Reviews 4.9 out of 5 stars
</p>
</div>
</div>
</a>
<a class=entry-link aria-label="post link to Animal Crossing: New Horizons Theme" href=https://chrome-tool.github.io/posts/animal-crossing-new-horiz-je/>
<div class="border bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden hover:shadow-xl transition-transform duration-300 ease-in-out hover:-translate-y-2">
<div class="w-full h-60">
<img alt="Animal Crossing: New Horizons Theme" class="w-full h-full object-cover" src=/images/animal-crossing-new-horiz-je.png>
</div>
<div class="p-4 h-48">
<h3 class="text-lg font-bold mb-2">Animal Crossing: New Horizons Theme</h3>
<span class="flex text-p mb-2">Date: November 15, 2024</span>
<p class="text-gray-600 dark:text-gray-400 mb-4 line-clamp-4">
Animal Crossing: New Horizons Theme WallPaper. This theme is compatible with all screen sizes below 1920x1080.
Reviews 5 out of 5 stars
</p>
</div>
</div>
</a>
<a class=entry-link aria-label="post link to Animal Crossing: New Horizons Theme" href=https://chrome-tool.github.io/posts/animal-crossing-new-horiz-kd/>
<div class="border bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden hover:shadow-xl transition-transform duration-300 ease-in-out hover:-translate-y-2">
<div class="w-full h-60">
<img alt="Animal Crossing: New Horizons Theme" class="w-full h-full object-cover" src=/images/animal-crossing-new-horiz-kd.png>
</div>
<div class="p-4 h-48">
<h3 class="text-lg font-bold mb-2">Animal Crossing: New Horizons Theme</h3>
<span class="flex text-p mb-2">Date: November 15, 2024</span>
<p class="text-gray-600 dark:text-gray-400 mb-4 line-clamp-4">
Animal Crossing: New Horizons Theme WallPaper. This theme is compatible with all screen sizes below 1920x1080.
Reviews 5 out of 5 stars
</p>
</div>
</div>
</a>
</div>
<div class=ad-section>
<ins class=adsbygoogle style=display:block data-ad-client=ca-pub-4988552421895566 data-ad-slot=8546929342 data-ad-format=auto></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({})</script>
</div>
</section>
</div>
</div>
<div class="py-12 max-w-6xl mx-auto px-6 md:px-8">
<nav class=pagination-modern aria-label="Pagination Navigation">
<div class="pagination-btn pagination-btn-disabled" aria-disabled=true><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" class="pagination-svg"><polyline points="15 18 9 12 15 6" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
<span class=pagination-btn-label>Prev</span>
</div>
<div class=pagination-pages>
<span class="pagination-page pagination-page-current" aria-current=page>1</span>
<a class=pagination-page href=https://chrome-tool.github.io/page/2/>2</a>
<a class=pagination-page href=https://chrome-tool.github.io/page/3/>3</a>
<a class=pagination-page href=https://chrome-tool.github.io/page/4/>4</a>
<a class=pagination-page href=https://chrome-tool.github.io/page/5/>5</a>
<span class=pagination-ellipsis>...</span>
<a class=pagination-page href=https://chrome-tool.github.io/page/23/>23</a>
</div>
<a class="pagination-btn pagination-btn-next" href=https://chrome-tool.github.io/page/2/ aria-label="Next page" title="Next page">
<span class=pagination-btn-label>Next</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" class="pagination-svg"><polyline points="9 18 15 12 9 6" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</a>
</nav>
<div class="pagination-status text-center mt-4 text-sm text-gray-500 dark:text-gray-400">
Page 1 of 23
</div>
</div>
</main>
</div>
<footer class="bg-gray-900 text-white py-4 px-6 md:px-8 flex items-center justify-center">
<pan class=text-center>© 2026 Chrome Extension&Theme. <br> <p class="bg-muted text-muted-foreground">All rights reserved.</p></pan>
</footer>
<a href=#top aria-label="go to top" title="Go to Top" class=top-link id=top-link><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6" fill="currentcolor"><path d="M12 6H0l6-6z"/></svg>
</a>
<script>const menu=document.querySelector('#menu');menu&&(menu.scrollLeft=localStorage.getItem("menu-scroll-position"),menu.onscroll=function(){localStorage.setItem("menu-scroll-position",menu.scrollLeft)}),document.querySelectorAll('a[href^="#"]').forEach(a=>{a.addEventListener("click",function(b){b.preventDefault();var a=this.getAttribute("href").substr(1);window.matchMedia('(prefers-reduced-motion: reduce)').matches?document.querySelector(`[id='${decodeURIComponent(a)}']`).scrollIntoView():document.querySelector(`[id='${decodeURIComponent(a)}']`).scrollIntoView({behavior:"smooth"}),a==="top"?history.replaceState(null,null," "):history.pushState(null,null,`#${a}`)})})</script>
<script>const gotop=document.querySelector("#top-link");window.onscroll=function(){document.body.scrollTop>800||document.documentElement.scrollTop>800?(gotop.style.visibility="visible",gotop.style.opacity="1"):(gotop.style.visibility="hidden",gotop.style.opacity="0")}</script>
</body>
</html>