Hugging Face's logo

Spaces:
google
/
README
Running

App Files Community
14
README
File size: 20,377 Bytes
adab805
 
c44c415
 
 
adab805
 
 
c44c415
c39f76f
adab805
c44c415
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
---
title: README
emoji: 🌐
colorFrom: blue
colorTo: indigo
sdk: static
pinned: false
---

![Hugging Face x Google Cloud](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/google-cloud/thumbnail.png)

<div class="text-center text-sm font-medium text-gray-600 dark:text-gray-400 my-4">
  <a href="https://research.google/" class="text-blue-600 dark:text-blue-400 hover:underline">Google Research Papers</a>
  <span class="mx-2 text-gray-300 dark:text-gray-700">|</span>
  <a href="https://ai.google/responsibility/principles/" class="text-blue-600 dark:text-blue-400 hover:underline">Responsible AI Principles</a>
  <span class="mx-2 text-gray-300 dark:text-gray-700">|</span>
  <a href="https://blog.google/" class="text-blue-600 dark:text-blue-400 hover:underline">Google Blog</a>
  <span class="mx-2 text-gray-300 dark:text-gray-700">|</span>
  <a href="https://cloud.google.com/blog/" class="text-blue-600 dark:text-blue-400 hover:underline">Google Cloud Blog</a>
  <span class="mx-2 text-gray-300 dark:text-gray-700">|</span>
  <a href="https://deepmind.google/discover/blog/" class="text-blue-600 dark:text-blue-400 hover:underline">Google DeepMind Blog</a>
  <span class="mx-2 text-gray-300 dark:text-gray-700">|</span>
  <a href="https://developers.google.com/learn?category=aiandmachinelearning" class="text-blue-600 dark:text-blue-400 hover:underline">Google AI/ML Developers</a>
  <span class="mx-2 text-gray-300 dark:text-gray-700">|</span>
  <a href="https://research.google/blog/" class="text-blue-600 dark:text-blue-400 hover:underline">Google Research Blog</a>
</div>

# Google on Hugging Face

Welcome to the official **Google** organization on Hugging Face. [Google collaborates with Hugging Face](https://huggingface.co/blog/gcp-partnership) across open science, open source, cloud, and hardware to enable enterprises and developers to innovate with AI [on Google Cloud AI services and infrastructure with the Hugging Face ecosystem](https://huggingface.co/docs/google-cloud/main/en/index).

<!-- SECTION 1: FEATURED MODELS AND TOOLS -->
<div class="mt-14 mb-6 border-b border-gray-200 dark:border-gray-800 pb-3">
  <h2 class="text-xl md:text-2xl font-bold tracking-tight text-gray-900 dark:text-gray-100 m-0">
    Featured Models and Tools
  </h2>
</div>

<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 my-6">
  <a href="https://huggingface.co/collections/google/gemma-4" class="block p-5 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-[#4285F4] dark:hover:border-[#4285F4] hover:bg-gray-50/60 dark:hover:bg-gray-900/40 transition-all no-underline group" style="border-top: 3px solid #4285F4;">
    <div class="font-semibold text-lg text-gray-900 dark:text-gray-100 group-hover:text-[#4285F4] transition-colors">
      Gemma Family of Open Models
    </div>
    <p class="text-sm text-gray-600 dark:text-gray-400 mt-2 mb-0 leading-relaxed">
      Open multimodal and language models built from Gemini research, including Gemma, PaliGemma, CodeGemma, RecurrentGemma, and ShieldGemma.
    </p>
  </a>

  <a href="https://huggingface.co/collections/google/bert-release-64ff5e7a4be99045d1896dbc" class="block p-5 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-[#34A853] dark:hover:border-[#34A853] hover:bg-gray-50/60 dark:hover:bg-gray-900/40 transition-all no-underline group" style="border-top: 3px solid #34A853;">
    <div class="font-semibold text-lg text-gray-900 dark:text-gray-100 group-hover:text-[#34A853] transition-colors">
      BERT Release Collection
    </div>
    <p class="text-sm text-gray-600 dark:text-gray-400 mt-2 mb-0 leading-relaxed">
      Pioneering bidirectional encoder representations from transformers for natural language understanding.
    </p>
  </a>

  <a href="https://huggingface.co/collections/google/t5-release-65005e7c520f8d7b4d037918" class="block p-5 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-[#FBBC04] dark:hover:border-[#FBBC04] hover:bg-gray-50/60 dark:hover:bg-gray-900/40 transition-all no-underline group" style="border-top: 3px solid #FBBC04;">
    <div class="font-semibold text-lg text-gray-900 dark:text-gray-100 group-hover:text-[#FBBC04] transition-colors">
      T5 Release Collection
    </div>
    <p class="text-sm text-gray-600 dark:text-gray-400 mt-2 mb-0 leading-relaxed">
      Text-to-Text Transfer Transformer models for unified natural language processing tasks.
    </p>
  </a>

  <a href="https://github.com/google-research/timesfm" class="block p-5 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-[#EA4335] dark:hover:border-[#EA4335] hover:bg-gray-50/60 dark:hover:bg-gray-900/40 transition-all no-underline group" style="border-top: 3px solid #EA4335;">
    <div class="font-semibold text-lg text-gray-900 dark:text-gray-100 group-hover:text-[#EA4335] transition-colors">
      TimesFM Foundation Model
    </div>
    <p class="text-sm text-gray-600 dark:text-gray-400 mt-2 mb-0 leading-relaxed">
      A pretrained time-series foundation model for time-series forecasting.
    </p>
  </a>

  <a href="https://huggingface.co/collections/google/health-ai-developer-foundations-hai-def-6744dc060bc19b6cf631bb0f" class="block p-5 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-[#4285F4] dark:hover:border-[#4285F4] hover:bg-gray-50/60 dark:hover:bg-gray-900/40 transition-all no-underline group" style="border-top: 3px solid #4285F4;">
    <div class="font-semibold text-lg text-gray-900 dark:text-gray-100 group-hover:text-[#4285F4] transition-colors">
      Health AI Foundations
    </div>
    <p class="text-sm text-gray-600 dark:text-gray-400 mt-2 mb-0 leading-relaxed">
      Open models for medical image and clinical text comprehension to accelerate healthcare applications.
    </p>
  </a>

  <a href="https://deepmind.google/technologies/synthid/" class="block p-5 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-[#34A853] dark:hover:border-[#34A853] hover:bg-gray-50/60 dark:hover:bg-gray-900/40 transition-all no-underline group" style="border-top: 3px solid #34A853;">
    <div class="font-semibold text-lg text-gray-900 dark:text-gray-100 group-hover:text-[#34A853] transition-colors">
      SynthID Technology
    </div>
    <p class="text-sm text-gray-600 dark:text-gray-400 mt-2 mb-0 leading-relaxed">
      Google DeepMind technology that watermarks and identifies AI-generated content across text, audio, image, and video.
    </p>
  </a>
</div>

<!-- SECTION 2: ON-DEVICE ML WITH GOOGLE AI EDGE -->
<div class="mt-14 mb-6 border-b border-gray-200 dark:border-gray-800 pb-3">
  <h2 class="text-xl md:text-2xl font-bold tracking-tight text-gray-900 dark:text-gray-100 m-0">
    On-Device ML with Google AI Edge
  </h2>
</div>

On-device machine learning using Google AI Edge:

<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-4 my-6">
  <a href="http://ai.google.dev/edge" class="block p-5 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-[#4285F4] dark:hover:border-[#4285F4] hover:bg-gray-50/60 dark:hover:bg-gray-900/40 transition-all no-underline group" style="border-top: 3px solid #4285F4;">
    <div class="font-semibold text-gray-900 dark:text-gray-100 group-hover:text-[#4285F4] transition-colors">Google AI Edge</div>
    <p class="text-sm text-gray-600 dark:text-gray-400 mt-2 mb-0 leading-relaxed">
      On-device machine learning using Google AI Edge tools, runtimes, and documentation.
    </p>
  </a>

  <a href="https://ai.google.dev/edge/mediapipe/solutions/guide" class="block p-5 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-[#34A853] dark:hover:border-[#34A853] hover:bg-gray-50/60 dark:hover:bg-gray-900/40 transition-all no-underline group" style="border-top: 3px solid #34A853;">
    <div class="font-semibold text-gray-900 dark:text-gray-100 group-hover:text-[#34A853] transition-colors">MediaPipe Solutions</div>
    <p class="text-sm text-gray-600 dark:text-gray-400 mt-2 mb-0 leading-relaxed">
      Low-code frameworks and customizable solutions for common vision and audio tasks.
    </p>
  </a>

  <a href="https://ai.google.dev/edge/lite" class="block p-5 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-[#FBBC04] dark:hover:border-[#FBBC04] hover:bg-gray-50/60 dark:hover:bg-gray-900/40 transition-all no-underline group" style="border-top: 3px solid #FBBC04;">
    <div class="font-semibold text-gray-900 dark:text-gray-100 group-hover:text-[#FBBC04] transition-colors">LiteRT</div>
    <p class="text-sm text-gray-600 dark:text-gray-400 mt-2 mb-0 leading-relaxed">
      Run pretrained or custom models on-device with LiteRT (previously known as TensorFlow Lite).
    </p>
  </a>

  <a href="https://github.com/google-ai-edge/ai-edge-torch" class="block p-5 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-[#EA4335] dark:hover:border-[#EA4335] hover:bg-gray-50/60 dark:hover:bg-gray-900/40 transition-all no-underline group" style="border-top: 3px solid #EA4335;">
    <div class="font-semibold text-gray-900 dark:text-gray-100 group-hover:text-[#EA4335] transition-colors">AI Edge Torch</div>
    <p class="text-sm text-gray-600 dark:text-gray-400 mt-2 mb-0 leading-relaxed">
      Convert PyTorch models to LiteRT and author high-performance on-device LLMs.
    </p>
  </a>

  <a href="https://ai.google.dev/edge/model-explorer" class="block p-5 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-[#4285F4] dark:hover:border-[#4285F4] hover:bg-gray-50/60 dark:hover:bg-gray-900/40 transition-all no-underline group" style="border-top: 3px solid #4285F4;">
    <div class="font-semibold text-gray-900 dark:text-gray-100 group-hover:text-[#4285F4] transition-colors">Model Explorer</div>
    <p class="text-sm text-gray-600 dark:text-gray-400 mt-2 mb-0 leading-relaxed">
      Visualize model graphs and architectures with Model Explorer documentation guide.
    </p>
  </a>
</div>

<!-- SECTION 3: AUTHORING & HIGH-PERFORMANCE FRAMEWORKS -->
<div class="mt-14 mb-6 border-b border-gray-200 dark:border-gray-800 pb-3">
  <h2 class="text-xl md:text-2xl font-bold tracking-tight text-gray-900 dark:text-gray-100 m-0">
    Authoring &amp; High-Performance Frameworks
  </h2>
</div>

Author ML models with MaxText, JAX, Keras, TensorFlow, PyTorch/XLA, and notable open-source repositories:

<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-4 my-6">
  <a href="https://github.com/google/jax" class="block p-5 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-[#4285F4] dark:hover:border-[#4285F4] hover:bg-gray-50/60 dark:hover:bg-gray-900/40 transition-all no-underline group" style="border-top: 3px solid #4285F4;">
    <div class="font-semibold text-gray-900 dark:text-gray-100 group-hover:text-[#4285F4] transition-colors">JAX</div>
    <p class="text-sm text-gray-600 dark:text-gray-400 mt-2 mb-0 leading-relaxed">
      High-performance numerical computing and machine learning library for accelerators.
    </p>
  </a>

  <a href="https://github.com/google/flax" class="block p-5 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-[#34A853] dark:hover:border-[#34A853] hover:bg-gray-50/60 dark:hover:bg-gray-900/40 transition-all no-underline group" style="border-top: 3px solid #34A853;">
    <div class="font-semibold text-gray-900 dark:text-gray-100 group-hover:text-[#34A853] transition-colors">Flax</div>
    <p class="text-sm text-gray-600 dark:text-gray-400 mt-2 mb-0 leading-relaxed">
      Flexible neural network library for JAX designed for scale and research experimentation.
    </p>
  </a>

  <a href="https://github.com/google/maxtext" class="block p-5 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-[#FBBC04] dark:hover:border-[#FBBC04] hover:bg-gray-50/60 dark:hover:bg-gray-900/40 transition-all no-underline group" style="border-top: 3px solid #FBBC04;">
    <div class="font-semibold text-gray-900 dark:text-gray-100 group-hover:text-[#FBBC04] transition-colors">MaxText</div>
    <p class="text-sm text-gray-600 dark:text-gray-400 mt-2 mb-0 leading-relaxed">
      Scalable, high-performance LLM training and inference engine written in JAX.
    </p>
  </a>

  <a href="https://github.com/keras-team/keras" class="block p-5 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-[#EA4335] dark:hover:border-[#EA4335] hover:bg-gray-50/60 dark:hover:bg-gray-900/40 transition-all no-underline group" style="border-top: 3px solid #EA4335;">
    <div class="font-semibold text-gray-900 dark:text-gray-100 group-hover:text-[#EA4335] transition-colors">Keras</div>
    <p class="text-sm text-gray-600 dark:text-gray-400 mt-2 mb-0 leading-relaxed">
      Multi-backend deep learning framework for modular and flexible model authoring.
    </p>
  </a>

  <a href="https://github.com/tensorflow/tensorflow" class="block p-5 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-[#4285F4] dark:hover:border-[#4285F4] hover:bg-gray-50/60 dark:hover:bg-gray-900/40 transition-all no-underline group" style="border-top: 3px solid #4285F4;">
    <div class="font-semibold text-gray-900 dark:text-gray-100 group-hover:text-[#4285F4] transition-colors">TensorFlow</div>
    <p class="text-sm text-gray-600 dark:text-gray-400 mt-2 mb-0 leading-relaxed">
      End-to-end open-source platform for machine learning and production deployment.
    </p>
  </a>

  <a href="https://github.com/pytorch/xla" class="block p-5 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-[#34A853] dark:hover:border-[#34A853] hover:bg-gray-50/60 dark:hover:bg-gray-900/40 transition-all no-underline group" style="border-top: 3px solid #34A853;">
    <div class="font-semibold text-gray-900 dark:text-gray-100 group-hover:text-[#34A853] transition-colors">PyTorch/XLA</div>
    <p class="text-sm text-gray-600 dark:text-gray-400 mt-2 mb-0 leading-relaxed">
      Enable PyTorch models and training workloads on Google TPUs and XLA devices.
    </p>
  </a>

  <a href="https://github.com/openxla/xla" class="block p-5 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-[#FBBC04] dark:hover:border-[#FBBC04] hover:bg-gray-50/60 dark:hover:bg-gray-900/40 transition-all no-underline group" style="border-top: 3px solid #FBBC04;">
    <div class="font-semibold text-gray-900 dark:text-gray-100 group-hover:text-[#FBBC04] transition-colors">OpenXLA</div>
    <p class="text-sm text-gray-600 dark:text-gray-400 mt-2 mb-0 leading-relaxed">
      Open-source machine learning compiler for GPUs, CPUs, and accelerators.
    </p>
  </a>

  <a href="https://github.com/huggingface/optimum-tpu" class="block p-5 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-[#EA4335] dark:hover:border-[#EA4335] hover:bg-gray-50/60 dark:hover:bg-gray-900/40 transition-all no-underline group" style="border-top: 3px solid #EA4335;">
    <div class="font-semibold text-gray-900 dark:text-gray-100 group-hover:text-[#EA4335] transition-colors">Optimum-TPU</div>
    <p class="text-sm text-gray-600 dark:text-gray-400 mt-2 mb-0 leading-relaxed">
      Seamless TPU acceleration for Hugging Face transformers and training stacks.
    </p>
  </a>

  <a href="https://github.com/kubernetes-sigs/lws" class="block p-5 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-[#4285F4] dark:hover:border-[#4285F4] hover:bg-gray-50/60 dark:hover:bg-gray-900/40 transition-all no-underline group" style="border-top: 3px solid #4285F4;">
    <div class="font-semibold text-gray-900 dark:text-gray-100 group-hover:text-[#4285F4] transition-colors">LWS (LeaderWorkerSet)</div>
    <p class="text-sm text-gray-600 dark:text-gray-400 mt-2 mb-0 leading-relaxed">
      Kubernetes deployment patterns for multi-host AI/ML inference workloads.
    </p>
  </a>

  <a href="https://github.com/huggingface/Google-Cloud-Containers" class="block p-5 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-[#34A853] dark:hover:border-[#34A853] hover:bg-gray-50/60 dark:hover:bg-gray-900/40 transition-all no-underline group" style="border-top: 3px solid #34A853;">
    <div class="font-semibold text-gray-900 dark:text-gray-100 group-hover:text-[#34A853] transition-colors">Google Cloud Containers</div>
    <p class="text-sm text-gray-600 dark:text-gray-400 mt-2 mb-0 leading-relaxed">
      Deep Learning Containers for training and deploying Hugging Face models on Cloud.
    </p>
  </a>

  <a href="https://gke-ai-labs.dev/" class="block p-5 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-[#FBBC04] dark:hover:border-[#FBBC04] hover:bg-gray-50/60 dark:hover:bg-gray-900/40 transition-all no-underline group" style="border-top: 3px solid #FBBC04;">
    <div class="font-semibold text-gray-900 dark:text-gray-100 group-hover:text-[#FBBC04] transition-colors">GKE AI Labs</div>
    <p class="text-sm text-gray-600 dark:text-gray-400 mt-2 mb-0 leading-relaxed">
      A collection of AI examples, best-practices, and prebuilt Kubernetes solutions.
    </p>
  </a>
</div>

<!-- SECTION 4: GOOGLE CLOUD PARTNERSHIP & DEPLOYMENT -->
<div class="mt-14 mb-6 border-b border-gray-200 dark:border-gray-800 pb-3">
  <h2 class="text-xl md:text-2xl font-bold tracking-tight text-gray-900 dark:text-gray-100 m-0">
    Google Cloud Partnership &amp; Deployment
  </h2>
</div>

Train and deploy models on GKE and Vertex AI from Hugging Face landing pages, Deep Learning Containers, and Marketplace integrations:

<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-4 my-6">
  <a href="https://huggingface.co/blog/tpu-inference-endpoints-spaces" class="block p-5 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-[#4285F4] dark:hover:border-[#4285F4] hover:bg-gray-50/60 dark:hover:bg-gray-900/40 transition-all no-underline group" style="border-top: 3px solid #4285F4;">
    <div class="font-semibold text-lg text-gray-900 dark:text-gray-100 group-hover:text-[#4285F4] transition-colors">
      Inference Endpoints and Spaces
    </div>
    <p class="text-sm text-gray-600 dark:text-gray-400 mt-2 mb-0 leading-relaxed">
      Deploy Hugging Face Hub models on Google Cloud CPU, GPU, or TPU infrastructure.
    </p>
  </a>

  <a href="https://cloud.google.com/deep-learning-containers/docs/choosing-container#hugging-face" class="block p-5 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-[#34A853] dark:hover:border-[#34A853] hover:bg-gray-50/60 dark:hover:bg-gray-900/40 transition-all no-underline group" style="border-top: 3px solid #34A853;">
    <div class="font-semibold text-lg text-gray-900 dark:text-gray-100 group-hover:text-[#34A853] transition-colors">
      Deep Learning Containers (DLCs)
    </div>
    <p class="text-sm text-gray-600 dark:text-gray-400 mt-2 mb-0 leading-relaxed">
      Hugging Face Deep Learning Containers optimized for Google Cloud training and serving.
    </p>
  </a>

  <a href="https://huggingface.co/docs/huggingface_hub/v0.23.3/en/quick-start#environment-variable" class="block p-5 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-[#FBBC04] dark:hover:border-[#FBBC04] hover:bg-gray-50/60 dark:hover:bg-gray-900/40 transition-all no-underline group" style="border-top: 3px solid #FBBC04;">
    <div class="font-semibold text-lg text-gray-900 dark:text-gray-100 group-hover:text-[#FBBC04] transition-colors">
      Google Colab &amp; Hugging Face authentication
    </div>
    <p class="text-sm text-gray-600 dark:text-gray-400 mt-2 mb-0 leading-relaxed">
      Securely manage Hugging Face authentication tokens in Colab environment secrets.
    </p>
  </a>

  <a href="https://huggingface.co/docs/hugs/how-to/cloud/gcp" class="block p-5 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-[#EA4335] dark:hover:border-[#EA4335] hover:bg-gray-50/60 dark:hover:bg-gray-900/40 transition-all no-underline group" style="border-top: 3px solid #EA4335;">
    <div class="font-semibold text-lg text-gray-900 dark:text-gray-100 group-hover:text-[#EA4335] transition-colors">
      HUGS via Cloud Marketplace
    </div>
    <p class="text-sm text-gray-600 dark:text-gray-400 mt-2 mb-0 leading-relaxed">
      Deploy zero-configuration Hugging Face generative AI microservices on Google Cloud.
    </p>
  </a>
</div>