forked from 1b-agent/opencadstudio-upstream
feat(web): add SEO landing page
This commit is contained in:
Hakan Seven committed
1 parent
c22f6cde60
commit
c465bcf624
14 files changed
+672
-79
No files matched your search
+321
-71
@@ -1,80 +1,330 @@
|
||||
<!DOCTYPE html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Open CAD Studio</title>
|
||||
<link data-trunk rel="icon" href="assets/logo.svg" />
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: #1e1e1e; }
|
||||
canvas { display: block; }
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>Open CAD Studio — Open-Source DWG & DXF CAD</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="Open-source CAD for native DWG and DXF editing, precise 2D drafting, layouts and kernel-backed 3D modeling. Use it on the web or download it for desktop."
|
||||
/>
|
||||
<meta name="robots" content="index, follow, max-image-preview:large" />
|
||||
<meta name="theme-color" content="#0b1016" />
|
||||
<meta name="color-scheme" content="dark" />
|
||||
<link rel="canonical" href="https://www.opencadstudio.com/" />
|
||||
<link rel="icon" href="/assets/logo.svg" type="image/svg+xml" />
|
||||
<link rel="manifest" href="/site.webmanifest" />
|
||||
<link rel="stylesheet" href="/site.css" />
|
||||
<link rel="preload" as="image" href="/assets/workspace.png" fetchpriority="high" />
|
||||
|
||||
/* Splash shown while the wasm bundle downloads and initializes. Removed
|
||||
once the app's canvas appears (see the observer script below). */
|
||||
#loading {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 22px;
|
||||
background: #1e1e1e;
|
||||
color: #cfcfcf;
|
||||
font-family: system-ui, sans-serif;
|
||||
z-index: 9999;
|
||||
transition: opacity 0.4s ease;
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:site_name" content="Open CAD Studio" />
|
||||
<meta property="og:title" content="Open CAD Studio — Open-Source DWG & DXF CAD" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="Technical drawing and solid modeling for desktop and web, built in Rust and open to everyone."
|
||||
/>
|
||||
<meta property="og:url" content="https://www.opencadstudio.com/" />
|
||||
<meta property="og:image" content="https://www.opencadstudio.com/og.png" />
|
||||
<meta property="og:image:alt" content="Open CAD Studio technical drawing and 3D modeling" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:title" content="Open CAD Studio — Open-Source DWG & DXF CAD" />
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="Native DWG and DXF editing, precise 2D drafting and kernel-backed 3D modeling."
|
||||
/>
|
||||
<meta name="twitter:image" content="https://www.opencadstudio.com/og.png" />
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@graph": [
|
||||
{
|
||||
"@type": "WebSite",
|
||||
"@id": "https://www.opencadstudio.com/#website",
|
||||
"url": "https://www.opencadstudio.com/",
|
||||
"name": "Open CAD Studio",
|
||||
"alternateName": "OCS",
|
||||
"description": "Open-source 2D drafting and 3D modeling for desktop and web."
|
||||
},
|
||||
{
|
||||
"@type": "SoftwareApplication",
|
||||
"@id": "https://www.opencadstudio.com/#software",
|
||||
"name": "Open CAD Studio",
|
||||
"url": "https://www.opencadstudio.com/",
|
||||
"downloadUrl": "https://github.com/HakanSeven12/OpenCADStudio/releases/latest",
|
||||
"installUrl": "https://www.opencadstudio.com/app/",
|
||||
"applicationCategory": "DesignApplication",
|
||||
"operatingSystem": "Windows, Linux, macOS, Web",
|
||||
"isAccessibleForFree": true,
|
||||
"license": "https://www.gnu.org/licenses/gpl-3.0.html",
|
||||
"codeRepository": "https://github.com/HakanSeven12/OpenCADStudio",
|
||||
"description": "Open-source CAD for DWG and DXF editing, 2D drafting, layouts and 3D solid modeling.",
|
||||
"featureList": [
|
||||
"Native DWG and DXF read and write",
|
||||
"Precise 2D drafting and documentation",
|
||||
"Model space, paper space and viewports",
|
||||
"Kernel-backed 3D solid modeling",
|
||||
"Browser and desktop editions"
|
||||
],
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"price": "0",
|
||||
"priceCurrency": "USD"
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
#loading.hide { opacity: 0; pointer-events: none; }
|
||||
#loading .title { font-size: 22px; font-weight: 600; letter-spacing: 0.5px; }
|
||||
#loading .title span { color: #3399e6; }
|
||||
#loading .sub { font-size: 12px; color: #777; }
|
||||
#loading .spinner {
|
||||
width: 46px;
|
||||
height: 46px;
|
||||
border: 4px solid #2e2e2e;
|
||||
border-top-color: #3399e6;
|
||||
border-radius: 50%;
|
||||
animation: ocs-spin 0.9s linear infinite;
|
||||
}
|
||||
@keyframes ocs-spin { to { transform: rotate(360deg); } }
|
||||
</style>
|
||||
<!-- Trunk builds the wasm32 binary. The crate has no Cargo features:
|
||||
the geometry kernel is pure Rust, so the web build gets the same
|
||||
solid modelling the native one does. See issue #45. -->
|
||||
<link data-trunk rel="rust" data-bin="OpenCADStudio" />
|
||||
<!-- Per-script Noto subsets, fetched lazily at runtime (one alphabet per
|
||||
file) so CAD text renders non-Latin scripts on the web. (#141) -->
|
||||
<link data-trunk rel="copy-dir" href="web/fonts" />
|
||||
<link data-trunk rel="copy-file" href="web/ocs-parse-worker.js" />
|
||||
<link data-trunk rel="copy-file" href="web/discussions.json" />
|
||||
<link data-trunk rel="copy-file" href="web/videos.json" />
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="loading">
|
||||
<div class="spinner"></div>
|
||||
<div class="title">Open <span>CAD</span> Studio</div>
|
||||
<div class="sub">Loading…</div>
|
||||
</div>
|
||||
<script>
|
||||
// The app mounts a <canvas> into <body> when it's ready. Watch for it and
|
||||
// fade the splash out.
|
||||
(function () {
|
||||
const splash = document.getElementById("loading");
|
||||
const done = () => {
|
||||
if (!splash) return;
|
||||
splash.classList.add("hide");
|
||||
setTimeout(() => splash.remove(), 450);
|
||||
};
|
||||
if (document.querySelector("canvas")) return done();
|
||||
const obs = new MutationObserver(() => {
|
||||
if (document.querySelector("canvas")) {
|
||||
obs.disconnect();
|
||||
done();
|
||||
}
|
||||
});
|
||||
obs.observe(document.body, { childList: true, subtree: true });
|
||||
})();
|
||||
</script>
|
||||
<a class="skip-link" href="#main">Skip to content</a>
|
||||
|
||||
<header class="site-header">
|
||||
<div class="shell nav-shell">
|
||||
<a class="brand" href="/" aria-label="Open CAD Studio home">
|
||||
<img src="/assets/logo.svg" width="38" height="38" alt="" />
|
||||
<span>Open <strong>CAD</strong> Studio</span>
|
||||
</a>
|
||||
<nav aria-label="Primary navigation">
|
||||
<a href="#capabilities">Capabilities</a>
|
||||
<a href="#desktop">Desktop</a>
|
||||
<a href="#formats">Formats</a>
|
||||
<a href="https://github.com/HakanSeven12/OpenCADStudio">GitHub</a>
|
||||
</nav>
|
||||
<a class="button button-small" href="/app/">Launch web app <span aria-hidden="true">↗</span></a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main id="main">
|
||||
<section class="hero shell">
|
||||
<div class="hero-copy">
|
||||
<p class="eyebrow"><span></span> Open-source CAD · Desktop + Web</p>
|
||||
<h1>Native DWG & DXF.<br /><em>One open CAD studio.</em></h1>
|
||||
<p class="hero-lead">
|
||||
Create technical drawings, layouts and 3D models with a shared Rust core.
|
||||
Start in your browser or install the desktop app for your full production workflow.
|
||||
</p>
|
||||
<div class="hero-actions">
|
||||
<a class="button" href="/app/">Launch web app <span aria-hidden="true">↗</span></a>
|
||||
<a class="button button-quiet" href="https://github.com/HakanSeven12/OpenCADStudio/releases/latest">
|
||||
Download desktop
|
||||
</a>
|
||||
</div>
|
||||
<ul class="hero-notes" aria-label="Project highlights">
|
||||
<li>GPL-3.0 licensed</li>
|
||||
<li>Windows · Linux · macOS</li>
|
||||
<li>19 interface languages</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="hero-visual" aria-label="Open CAD Studio workspace preview">
|
||||
<div class="visual-toolbar" aria-hidden="true">
|
||||
<span class="window-mark"><i></i><i></i><i></i></span>
|
||||
<span>technical-plan.dwg</span>
|
||||
<b>2D</b>
|
||||
</div>
|
||||
<img
|
||||
src="/assets/workspace.png"
|
||||
width="1920"
|
||||
height="940"
|
||||
alt="A detailed DWG technical plan open in the Open CAD Studio workspace"
|
||||
fetchpriority="high"
|
||||
/>
|
||||
<div class="visual-badge"><strong>DWG</strong><span>Native editing</span></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="signal-strip" aria-label="Key capabilities">
|
||||
<div class="shell signal-grid">
|
||||
<div><strong>DWG + DXF</strong><span>Read and write</span></div>
|
||||
<div><strong>2D + 3D</strong><span>One workspace</span></div>
|
||||
<div><strong>GPU</strong><span>Accelerated viewport</span></div>
|
||||
<div><strong>Rust</strong><span>Shared editing core</span></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section shell" id="capabilities">
|
||||
<div class="section-heading">
|
||||
<p class="eyebrow"><span></span> Built for real drawing work</p>
|
||||
<h2>From the first line to the final layout.</h2>
|
||||
<p>One focused environment for drafting, documentation and solid modeling.</p>
|
||||
</div>
|
||||
|
||||
<div class="capability-grid">
|
||||
<article class="capability-card capability-wide">
|
||||
<div class="card-index">01</div>
|
||||
<div>
|
||||
<p class="card-kicker">Precise drafting</p>
|
||||
<h3>Draw with intent.</h3>
|
||||
<p>
|
||||
Lines, polylines, curves, splines, hatches, object snaps, tracking,
|
||||
layers, blocks and external references stay close at hand.
|
||||
</p>
|
||||
</div>
|
||||
<div class="drafting-mark" aria-hidden="true">
|
||||
<span class="axis axis-x"></span><span class="axis axis-y"></span>
|
||||
<span class="arc"></span><i></i><b></b>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="capability-card">
|
||||
<div class="card-index">02</div>
|
||||
<p class="card-kicker">Documentation</p>
|
||||
<h3>Layouts that communicate.</h3>
|
||||
<p>
|
||||
Text, dimensions, leaders, tolerances, tables, paper space, viewports
|
||||
and plot styles turn geometry into deliverables.
|
||||
</p>
|
||||
</article>
|
||||
|
||||
<article class="capability-card card-accent">
|
||||
<div class="card-index">03</div>
|
||||
<p class="card-kicker">Open workflow</p>
|
||||
<h3>Your drawings stay yours.</h3>
|
||||
<p>
|
||||
Work with native files, inspect the source and choose the browser or
|
||||
desktop workflow that fits the job.
|
||||
</p>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section model-section">
|
||||
<div class="shell model-grid">
|
||||
<div class="model-copy">
|
||||
<p class="eyebrow"><span></span> Kernel-backed 3D</p>
|
||||
<h2>Solid modeling, not a visual shortcut.</h2>
|
||||
<p>
|
||||
Build primitives and shape them with extrusion, revolution, sweep,
|
||||
loft and Boolean operations. The geometry kernel resolves the model;
|
||||
the GPU viewport keeps it responsive.
|
||||
</p>
|
||||
<ul class="check-list">
|
||||
<li>Orthographic and perspective cameras</li>
|
||||
<li>ACIS entity tessellation</li>
|
||||
<li>OBJ import and mesh export workflows</li>
|
||||
</ul>
|
||||
</div>
|
||||
<figure class="model-frame">
|
||||
<img
|
||||
src="/assets/modeling.png"
|
||||
width="1920"
|
||||
height="940"
|
||||
alt="A 3D mechanical model shown in two Open CAD Studio viewports"
|
||||
loading="lazy"
|
||||
/>
|
||||
<figcaption><span>Model space</span><strong>Kernel → Tessellation → GPU</strong></figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section shell" id="desktop">
|
||||
<div class="section-heading compact">
|
||||
<p class="eyebrow"><span></span> One core, two ways to work</p>
|
||||
<h2>Start instantly. Scale up when you need to.</h2>
|
||||
</div>
|
||||
|
||||
<div class="edition-grid">
|
||||
<article class="edition-card edition-primary">
|
||||
<div class="edition-label">Web</div>
|
||||
<h3>Open a drawing in your browser.</h3>
|
||||
<p>
|
||||
No installation. Select a drawing from your device, edit with the
|
||||
shared core and save the result as a local download.
|
||||
</p>
|
||||
<a class="text-link" href="/app/">Launch the web app <span aria-hidden="true">↗</span></a>
|
||||
</article>
|
||||
<article class="edition-card">
|
||||
<div class="edition-label">Desktop</div>
|
||||
<h3>Connect the full production workflow.</h3>
|
||||
<p>
|
||||
Add native file associations, thumbnails, system printing, PDF output,
|
||||
external plugins, scripts and headless automation.
|
||||
</p>
|
||||
<a class="text-link" href="https://github.com/HakanSeven12/OpenCADStudio/releases/latest">
|
||||
Download the latest release <span aria-hidden="true">↗</span>
|
||||
</a>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section formats-section" id="formats">
|
||||
<div class="shell formats-grid">
|
||||
<div>
|
||||
<p class="eyebrow"><span></span> File workflows</p>
|
||||
<h2>Meet drawings where they are.</h2>
|
||||
<p>
|
||||
Native drawing formats, recovery files, survey data, meshes, plots
|
||||
and property exports fit into a practical project workflow.
|
||||
</p>
|
||||
</div>
|
||||
<div class="format-list" aria-label="Supported file workflows">
|
||||
<div><strong>DWG</strong><span>Read · Write · R14–2018 targets</span></div>
|
||||
<div><strong>DXF</strong><span>Read · Write · R14–2018 targets</span></div>
|
||||
<div><strong>BAK / SV$</strong><span>Drawing recovery</span></div>
|
||||
<div><strong>OBJ / STL</strong><span>Mesh import and export</span></div>
|
||||
<div><strong>PDF</strong><span>Desktop plotting</span></div>
|
||||
<div><strong>CSV</strong><span>Property extraction</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section shell faq-section">
|
||||
<div class="section-heading compact">
|
||||
<p class="eyebrow"><span></span> Common questions</p>
|
||||
<h2>Before you open your first drawing.</h2>
|
||||
</div>
|
||||
<div class="faq-grid">
|
||||
<details>
|
||||
<summary>Is Open CAD Studio free?</summary>
|
||||
<p>Yes. The project is open source and distributed under the GPL-3.0 license.</p>
|
||||
</details>
|
||||
<details>
|
||||
<summary>Can I use it without installing anything?</summary>
|
||||
<p>Yes. The web app runs in a modern browser and saves edited drawings as local downloads.</p>
|
||||
</details>
|
||||
<details>
|
||||
<summary>Which desktop platforms are supported?</summary>
|
||||
<p>Release packages are available for Windows, Linux and Apple Silicon macOS.</p>
|
||||
</details>
|
||||
<details>
|
||||
<summary>Is the project ready for critical production files?</summary>
|
||||
<p>The project is under active development. Keep backups and report reproducible problems on GitHub.</p>
|
||||
</details>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section shell community-cta">
|
||||
<div>
|
||||
<p class="eyebrow"><span></span> Built in the open</p>
|
||||
<h2>Use it. Inspect it. Help shape it.</h2>
|
||||
<p>
|
||||
Follow development, report reproducible issues, contribute code or
|
||||
support the work that keeps an independent CAD project moving.
|
||||
</p>
|
||||
</div>
|
||||
<div class="cta-links">
|
||||
<a class="button" href="https://github.com/HakanSeven12/OpenCADStudio">View on GitHub</a>
|
||||
<a class="button button-quiet" href="https://github.com/sponsors/HakanSeven12">Sponsor development</a>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site-footer">
|
||||
<div class="shell footer-grid">
|
||||
<div class="brand footer-brand">
|
||||
<img src="/assets/logo.svg" width="34" height="34" alt="" />
|
||||
<span>Open <strong>CAD</strong> Studio</span>
|
||||
</div>
|
||||
<p>Open-source technical drawing and solid modeling.</p>
|
||||
<nav aria-label="Footer navigation">
|
||||
<a href="/app/">Web app</a>
|
||||
<a href="https://github.com/HakanSeven12/OpenCADStudio/releases/latest">Downloads</a>
|
||||
<a href="https://github.com/HakanSeven12/OpenCADStudio/discussions">Discussions</a>
|
||||
<a href="https://github.com/HakanSeven12/OpenCADStudio/blob/main/LICENSE">GPL-3.0</a>
|
||||
</nav>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
Reference in new issue
Block a user