uploadv2 / index.html
Twan07's picture
Upload 3 files
a9702eb verified
raw
history blame
5.36 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Primary SEO Meta Tags -->
<title>DataTwan - Free Hugging Face Dataset Uploader | Bulk Upload Tool</title>
<meta name="description" content="The best free tool to bulk upload datasets to Hugging Face. Secure, fast, and unlimited file support. Manage your AI/ML datasets with DataTwan Uploader." />
<meta name="keywords" content="Hugging Face uploader, dataset upload, DataTwan, machine learning datasets, AI data management, bulk file upload, Hugging Face API, drag and drop upload" />
<meta name="author" content="DataTwan" />
<meta name="robots" content="index, follow" />
<link rel="canonical" href="https://datatwan-uploader.com/" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://datatwan-uploader.com/" />
<meta property="og:title" content="DataTwan - Ultimate Hugging Face Dataset Uploader" />
<meta property="og:description" content="Upload massive datasets to Hugging Face efficiently. No command line needed. Secure and free." />
<meta property="og:site_name" content="DataTwan Uploader" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:title" content="DataTwan - Hugging Face Dataset Uploader" />
<meta property="twitter:description" content="Upload datasets efficiently to Hugging Face with DataTwan. Secure and fast bulk uploading." />
<!-- Structured Data for Google (JSON-LD) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "WebApplication",
"name": "DataTwan Uploader",
"url": "https://datatwan-uploader.com",
"description": "A professional tool to upload files directly to Hugging Face repositories via secure API.",
"applicationCategory": "DeveloperApplication",
"operatingSystem": "Web Browser",
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "USD"
}
},
{
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "How do I upload a dataset to Hugging Face?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Simply drag and drop your files into DataTwan Uploader, rename them if necessary, and click 'Start Secure Upload'. Your files will be pushed directly to the DataTwan repository."
}
},
{
"@type": "Question",
"name": "Is DataTwan Uploader free?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Yes, DataTwan Uploader is completely free to use for managing your machine learning datasets."
}
}
]
}
]
}
</script>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Plus Jakarta Sans', sans-serif;
}
.glass-effect {
background: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.mesh-gradient {
background-color: #ffffff;
background-image: radial-gradient(at 0% 0%, hsla(253,16%,7%,1) 0, transparent 50%), radial-gradient(at 50% 0%, hsla(225,39%,30%,1) 0, transparent 50%), radial-gradient(at 100% 0%, hsla(339,49%,30%,1) 0, transparent 50%);
background-size: 100% 100%;
background-attachment: fixed;
}
/* Custom Scrollbar */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
background: #888;
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: #555;
}
</style>
<script type="importmap">
{
"imports": {
"react/": "https://aistudiocdn.com/react@^19.2.0/",
"react": "https://aistudiocdn.com/react@^19.2.0",
"react-dom/": "https://aistudiocdn.com/react-dom@^19.2.0/",
"lucide-react": "https://aistudiocdn.com/lucide-react@^0.555.0",
"vite": "https://aistudiocdn.com/vite@^7.2.4",
"@vitejs/plugin-react": "https://aistudiocdn.com/@vitejs/plugin-react@^5.1.1",
"@huggingface/hub": "https://aistudiocdn.com/@huggingface/hub@^2.7.1",
"express": "https://aistudiocdn.com/express@^5.1.0",
"cors": "https://aistudiocdn.com/cors@^2.8.5",
"multer": "https://aistudiocdn.com/multer@^2.0.2",
"path": "https://aistudiocdn.com/path@^0.12.7",
"url": "https://aistudiocdn.com/url@^0.11.4"
}
}
</script>
<link rel="stylesheet" href="/index.css">
</head>
<body class="bg-gray-50 text-gray-900 antialiased flex flex-col min-h-screen">
<div id="root" class="flex-grow"></div>
<script type="module" src="/index.tsx"></script>
</body>
</html>