-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
232 lines (230 loc) · 17.2 KB
/
index.html
File metadata and controls
232 lines (230 loc) · 17.2 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
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link crossorigin="" href="https://fonts.gstatic.com/" rel="preconnect"/>
<link as="style" href="https://fonts.googleapis.com/css2?display=swap&family=Source+Code+Pro%3Awght%40400%3B600%3B700&family=Inter%3Awght%40400%3B500&family=Noto+Sans%3Awght%40400%3B500%3B700%3B900" onload="this.rel='stylesheet'" rel="stylesheet"/>
<title>ModelPack</title>
<link rel="icon" href="/assets/favicon/favicon.ico" sizes="32x32">
<link rel="icon" href="/assets/favicon/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/assets/favicon/apple-touch-icon.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
<style type="text/tailwindcss">
body {
background-color: #0D0D0D;
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%231a1a1a' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
}
.list-dash {
display: flex;
gap: 10px;
&::before {
content: '-';
display: inline-block;
}
}
</style>
</head>
<body class="bg-[#0D0D0D]">
<div class="relative flex size-full min-h-screen flex-col dark group/design-root overflow-x-hidden text-white" style='font-family: "Source Code Pro", monospace;'>
<div class="layout-container flex h-full grow flex-col">
<header class="flex items-center justify-between whitespace-nowrap border-b border-solid border-b-white/20 px-10 py-4 sticky top-0 bg-[#0D0D0D]/80 backdrop-blur-sm z-50">
<div class="flex items-center gap-4">
<img src="./assets/images/modelpack-logo-horizontal.png" alt="ModelPack Logo" class="h-8">
</div>
<nav class="flex flex-1 justify-end items-center gap-8">
<div class="hidden md:flex items-center gap-9">
<a class="text-white/80 hover:text-white text-sm font-medium leading-normal transition-colors" href="https://github.com/modelpack/model-spec/tree/main/docs">Docs</a>
<a class="text-white/80 hover:text-white text-sm font-medium leading-normal transition-colors" href="https://github.com/modelpack/model-spec">GitHub</a>
</div>
<a class="flex min-w-[84px] max-w-[480px] cursor-pointer items-center justify-center overflow-hidden h-10 px-4 bg-transparent border-2 border-[#33FF33] text-[#33FF33] text-sm font-bold leading-normal tracking-[0.015em] hover:bg-[#33FF33] hover:text-black transition-colors" href="https://github.com/modelpack/model-spec/blob/main/docs/getting-started.md">
<span class="truncate">Get Started</span>
</a>
</nav>
</header>
<main class="flex-1">
<section class="relative">
<div class="flex min-h-[520px] flex-col items-center justify-center gap-6 text-center px-4">
<div class="relative z-10 flex flex-col gap-4 max-w-4xl mx-auto">
<h1 class="text-4xl md:text-6xl font-bold leading-tight tracking-[-0.033em] text-white">
<span class="text-[#33FF33]">></span> ModelPack: The Open Standard for Packaging AI/ML
</h1>
<p class="text-white/90 text-base md:text-lg font-normal leading-relaxed max-w-3xl mx-auto">
Package AI/ML projects in industry standard OCI Artifacts. ModelPack brings vendor-neutral, container-like standardization to AI/ML, enabling automated pipelines to handle models, datasets, and code as unified, versioned packages.
</p>
<p class="text-white/90 text-base md:text-lg font-normal leading-relaxed max-w-3xl mx-auto">
<a href="https://www.cncf.io/projects/modelpack/"><u>ModelPack is part of the CNCF.</u></a>
</p>
<div class="flex justify-center mt-4">
<a class="flex min-w-[84px] max-w-[480px] cursor-pointer items-center justify-center overflow-hidden h-12 px-5 bg-transparent border-2 border-[#33FF33] text-[#33FF33] text-base font-bold leading-normal tracking-[0.015em] hover:bg-[#33FF33] hover:text-black transition-colors" href="https://github.com/modelpack/model-spec/blob/main/docs/getting-started.md">
<span class="truncate">Get Started</span>
</a>
</div>
</div>
</div>
</section>
<div class="px-10 md:px-20 lg:px-40 py-16 lg:py-24 bg-[#0D0D0D]">
<div class="max-w-5xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-12 lg:gap-16">
<div class="space-y-4">
<h2 class="text-3xl font-bold leading-tight tracking-[-0.015em]">The Problem</h2>
<p class="text-white/70 text-base font-normal leading-relaxed">
Packaging machine learning models is complex, often requiring teams to use proprietary package types or coble together open source tools. These inconsistent environments, manual processes, and proprietary formats lead to deployment failures, delays, increased operational costs, and vendor lock-in.
</p>
</div>
<div class="space-y-4">
<h2 class="text-3xl font-bold leading-tight tracking-[-0.015em]">The Solution</h2>
<p class="text-white/70 text-base font-normal leading-relaxed">
ModelPack solves these challenges by providing a standardized, consistent, reproducible, and portable packaging format for AI/ML models, that is vendor neutral. This simplifies deployment, reduces errors, and ensures models work seamlessly across different environments.
</p>
</div>
</div>
<div class="max-w-5xl mx-auto mt-16 lg:mt-24 space-y-12">
<div class="space-y-4 text-center">
<h2 class="text-3xl font-bold leading-tight tracking-[-0.015em]">How ModelPack Works</h2>
<p class="text-white/70 text-base font-normal leading-relaxed max-w-3xl mx-auto">
ModelPack defines a specification for packaging AI/ML models, including model files, dependencies, and metadata. This package can then be integrated into CI/CD pipelines for automated testing, validation, and deployment. The standardized format ensures that models are deployed consistently, regardless of the underlying infrastructure. ModelPack uses a simple YAML configuration to define your AI/ML package.
</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 text-left">
<div class="border border-white/20 p-6 space-y-3 bg-black/50">
<h3 class="text-[#33FF33] text-xl font-semibold">Built for CI/CD</h3>
<p class="text-white/70 text-sm leading-relaxed">Seamlessly integrate with existing CI/CD tools to automate testing, validation, and deployment, reducing manual effort and errors.</p>
</div>
<div class="border border-white/20 p-6 space-y-3 bg-black/50">
<h3 class="text-[#33FF33] text-xl font-semibold">Works With Your Infra</h3>
<p class="text-white/70 text-sm leading-relaxed">Infrastructure-agnostic, ensuring consistent deployment on cloud, on-premise, or edge devices without compatibility issues.</p>
</div>
<div class="border border-white/20 p-6 space-y-3 bg-black/50">
<h3 class="text-[#33FF33] text-xl font-semibold">Open Specification</h3>
<p class="text-white/70 text-sm leading-relaxed">The CNCF-governed open-source specification ensures consistency, enables community-driven improvements, and avoids vendor lock-in.</p>
<a href="https://github.com/modelpack/model-spec/blob/main/docs/spec.md" class="text-[#33FF33] hover:bg-[#33FF33] hover:text-black text-sm font-medium transition-colors inline-block mt-2">Learn more →</a>
</div>
</div>
</div>
<div class="max-w-5xl mx-auto mt-16 lg:mt-24 text-center bg-black/50 border border-white/20 p-10">
<h2 class="text-3xl font-bold leading-tight tracking-[-0.015em] mb-4">Why ModelPack Matters</h2>
<h3 class="text-white/70 text-2xl font-bold">Speed</h3>
<p class="text-white/70 text-base font-normal leading-relaxed max-w-3xl mx-auto mb-8">
ModelPack is essential for streamlining AI/ML deployment. By standardizing packaging, it reduces complexity, improves reliability, and accelerates time-to-market, allowing you to focus on building great models.
</p>
<h3 class="text-white/70 text-2xl font-bold">Flexibility</h3>
<p class="text-white/70 text-base font-normal leading-relaxed max-w-3xl mx-auto mb-8">
The AI/ML tooling market is changing daily - using open and established standards like ModelPack and OCI makes it easy for you to change tools without forcing a costly multi-month data migration.
</p>
<a class="flex min-w-[84px] max-w-[480px] cursor-pointer items-center justify-center overflow-hidden h-12 px-5 bg-transparent border-2 border-[#33FF33] text-[#33FF33] text-base font-bold leading-normal tracking-[0.015em] hover:bg-[#33FF33] hover:text-black transition-colors mx-auto" href="https://github.com/modelpack/model-spec/blob/main/docs/getting-started.md">
<span class="truncate">Get Started Now</span>
</a>
</div>
<div class="max-w-5xl mx-auto mt-16 lg:mt-24 space-y-12">
<div class="grid grid-cols-1 md:grid-cols-2 gap-12 lg:gap-16 items-center">
<div class="space-y-4">
<h2 class="text-3xl font-bold leading-tight tracking-[-0.015em]">Implementations</h2>
<p class="text-white/70 text-base font-normal leading-relaxed">
There are two implementations of the ModelPack spec:
</p>
<ol class="text-white/70 text-base font-normal leading-relaxed list-decimal list-inside space-y-6">
<li><a href="https://github.com/modelpack/modctl" target="_blank" rel="noopener noreferrer" class="text-[#33FF33] hover:bg-[#33FF33] hover:text-black">Modctl</a> is the reference implementation</li>
<li><a href="https://kitops.org" target="_blank" rel="noopener noreferrer" class="text-[#33FF33] hover:bg-[#33FF33] hover:text-black">KitOps</a> is the enterprise implementation that includes:
<ul class="md:ml-8 mt-4 leading-relaxed space-y-2">
<li class="list-dash">Python SDK (PyKitOps) for integration with notebooks and ML workflows</li>
<li class="list-dash">30+ integrations with CI/CD and MLOps tools</li>
<li class="list-dash">Selective pulling of individual assets</li>
<li class="list-dash">215,000+ downloads globally</li>
</ul>
</li>
</ol>
<p class="text-white/70 text-base font-normal leading-relaxed">
Both Modctl and KitOps are vendor-neutral open source projects managed by the Cloud Native Computing Foundation.
</p>
</div>
<div class="space-y-6">
<div class="p-6 bg-black/50 border border-white/20">
<h2 class="text-3xl font-bold leading-tight tracking-[-0.015em]">Install Modctl</h2>
<pre class="text-sm text-white/70 overflow-x-auto p-4 bg-[#010101]"><code><span class="text-[#33FF33]">$</span> go install github.com/modelpack/modctl@main</code></pre>
</div>
<div class="p-6 bg-black/50 border border-white/20">
<h2 class="text-3xl font-bold leading-tight tracking-[-0.015em]">Install KitOps</h2>
<pre class="text-sm text-white/70 overflow-x-auto p-4 bg-[#010101]"><code><span class="text-[#33FF33]">$</span> brew tap kitops-ml/kitops
<span class="text-[#33FF33]">$</span> brew install kitops
<span class="text-[#33FF33]">$</span> kit version
</code></pre>
</div>
</div>
</div>
</div>
</div>
</main>
<div class="px-10 md:px-20 lg:px-40 py-16 lg:py-24 bg-[#0D0D0D] border-t border-white/20">
<div class="max-w-5xl mx-auto space-y-12">
<div class="text-center space-y-4">
<h2 class="text-3xl font-bold leading-tight tracking-[-0.015em]">Participation</h2>
<p class="text-white/70 text-base font-normal leading-relaxed max-w-3xl mx-auto">
ModelPack is backed by leading technology companies committed to open standards for AI/ML.
</p>
</div>
<div class="grid grid-cols-2 md:grid-cols-5 gap-8 items-center justify-items-center">
<div class="flex items-center justify-center h-20 w-full">
<span class="text-white/90 text-lg font-semibold">
<img src="./assets/images/jozu-logo.png" alt="Jozu Logo" class="h-8 mx-auto">
</span>
</div>
<div class="flex items-center justify-center h-20 w-full">
<span class="text-white/90 text-lg font-semibold">
<img src="./assets/images/red-hat-logo.png" alt="Jozu Logo" class="h-8 mx-auto">
</span>
</div>
<div class="flex items-center justify-center h-20 w-full">
<span class="text-white/90 text-lg font-semibold">
<img src="./assets/images/ant-group-logo.png" alt="ANTGroup Logo" class="h-8 mx-auto">
</span>
</div>
<div class="flex items-center justify-center h-20 w-full">
<span class="text-white/90 text-lg font-semibold">
<img src="./assets/images/paypal-logo.png" alt="PayPal Logo" class="h-8 mx-auto">
</span>
</div>
<div class="flex items-center justify-center h-20 w-full">
<span class="text-white/90 text-lg font-semibold">
<img src="./assets/images/bytedance-logo.png" alt="ByteDance Logo" class="h-8 mx-auto">
</span>
</div>
</div>
<div class="text-center pt-8">
<p class="text-white/70 text-base font-normal leading-relaxed mb-6">
Need enterprise support for ModelPack or KitOps implementations?
</p>
<a class="inline-flex min-w-[84px] max-w-[480px] cursor-pointer items-center justify-center overflow-hidden h-12 px-5 bg-transparent border-2 border-[#33FF33] text-[#33FF33] text-base font-bold leading-normal tracking-[0.015em] hover:bg-[#33FF33] hover:text-black transition-colors" href="https://jozu.com/kitops-modelpack-support/">
<span class="truncate">Get Enterprise Support</span>
</a>
</div>
<div class="pt-8 text-center">
<p class="text-white/70 text-base font-normal leading-relaxed mb-6">
Join the bi-monthly community call, or review past meeting notes in Google
</p>
<a class="inline-flex min-w-[84px] max-w-[480px] cursor-pointer items-center justify-center overflow-hidden h-12 px-5 bg-transparent border-2 border-[#33FF33] text-[#33FF33] text-base font-bold leading-normal tracking-[0.015em] hover:bg-[#33FF33] hover:text-black transition-colors" href="https://docs.google.com/document/d/1-qvG3dnvHLpio0Bjw4NqzqP6_nWvERtTj_TYp3i87lg/edit?tab=t.0#heading=h.xi5t1v2lur64" target="_blank" rel="noopener noreferrer">
<span class="truncate">Join Now</span>
</a>
</div>
</div>
</div>
<footer class="border-t border-solid border-t-white/20 bg-[#0D0D0D]">
<div class="max-w-5xl mx-auto px-5 py-10">
<div class="flex flex-col md:flex-row items-center justify-between gap-6 text-center">
<div class="flex items-center gap-4">
<span class="text-xl font-bold text-[#33FF33]">$</span>
<span class="text-white/70 text-sm font-normal leading-normal">ModelPack is licensed under the Apache 2.0 open source license.</span>
</div>
<div class="flex flex-wrap items-center justify-center gap-6">
<a class="text-white/70 hover:text-white text-sm font-normal leading-normal transition-colors" href="https://github.com/modelpack/model-spec/tree/main/docs">Docs</a>
<a class="text-white/70 hover:text-white text-sm font-normal leading-normal transition-colors" href="https://github.com/modelpack/model-spec">GitHub</a>
</div>
</div>
</div>
<div class="max-w-5xl mx-auto px-5 py-10">
<span class="text-white/70 text-sm font-normal leading-normal">Copyright © ModelPack a Series of LF Projects, LLC For website terms of use, trademark policy and other project policies please see lfprojects.org/policies/</span>
</div>
</footer>
</div>
</div>
</body>
</html>