|
@@ -53,21 +53,16 @@ export default function Home() {
|
|
|
<div data-component="content">
|
|
<div data-component="content">
|
|
|
<section data-component="hero">
|
|
<section data-component="hero">
|
|
|
<div data-slot="hero-copy">
|
|
<div data-slot="hero-copy">
|
|
|
- <a data-slot="releases"
|
|
|
|
|
- href={release()?.url ?? `${config.github.repoUrl}/releases`}
|
|
|
|
|
- target="_blank">
|
|
|
|
|
|
|
+ <a data-slot="releases" href={release()?.url ?? `${config.github.repoUrl}/releases`} target="_blank">
|
|
|
What’s new in {release()?.name ?? "the latest release"}
|
|
What’s new in {release()?.name ?? "the latest release"}
|
|
|
</a>
|
|
</a>
|
|
|
<h1>The open source coding agent</h1>
|
|
<h1>The open source coding agent</h1>
|
|
|
<p>
|
|
<p>
|
|
|
- OpenCode includes free models or connect from any provider
|
|
|
|
|
- to <br />
|
|
|
|
|
|
|
+ OpenCode includes free models or connect from any provider to <br />
|
|
|
use other models, including Claude, GPT, Gemini and more.
|
|
use other models, including Claude, GPT, Gemini and more.
|
|
|
</p>
|
|
</p>
|
|
|
</div>
|
|
</div>
|
|
|
- <p data-slot="installation-instructions">
|
|
|
|
|
- Install and use. No account, no email, and no credit card.
|
|
|
|
|
- </p>
|
|
|
|
|
|
|
+ <p data-slot="installation-instructions">Install and use. No account, no email, and no credit card.</p>
|
|
|
<div data-slot="installation">
|
|
<div data-slot="installation">
|
|
|
<Tabs
|
|
<Tabs
|
|
|
as="section"
|
|
as="section"
|
|
@@ -97,8 +92,7 @@ export default function Home() {
|
|
|
</Tabs.List>
|
|
</Tabs.List>
|
|
|
<div data-slot="panels">
|
|
<div data-slot="panels">
|
|
|
<Tabs.Content as="pre" data-slot="panel" value="curl">
|
|
<Tabs.Content as="pre" data-slot="panel" value="curl">
|
|
|
- <button data-copy data-slot="command"
|
|
|
|
|
- onClick={handleCopyClick}>
|
|
|
|
|
|
|
+ <button data-copy data-slot="command" onClick={handleCopyClick}>
|
|
|
<span data-slot="command-script">
|
|
<span data-slot="command-script">
|
|
|
<span>curl -fsSL </span>
|
|
<span>curl -fsSL </span>
|
|
|
<span data-slot="protocol">https://</span>
|
|
<span data-slot="protocol">https://</span>
|
|
@@ -109,8 +103,7 @@ export default function Home() {
|
|
|
</button>
|
|
</button>
|
|
|
</Tabs.Content>
|
|
</Tabs.Content>
|
|
|
<Tabs.Content as="pre" data-slot="panel" value="npm">
|
|
<Tabs.Content as="pre" data-slot="panel" value="npm">
|
|
|
- <button data-copy data-slot="command"
|
|
|
|
|
- onClick={handleCopyClick}>
|
|
|
|
|
|
|
+ <button data-copy data-slot="command" onClick={handleCopyClick}>
|
|
|
<span>
|
|
<span>
|
|
|
<span data-slot="protocol">npm i -g </span>
|
|
<span data-slot="protocol">npm i -g </span>
|
|
|
<span data-slot="highlight">opencode-ai</span>
|
|
<span data-slot="highlight">opencode-ai</span>
|
|
@@ -119,8 +112,7 @@ export default function Home() {
|
|
|
</button>
|
|
</button>
|
|
|
</Tabs.Content>
|
|
</Tabs.Content>
|
|
|
<Tabs.Content as="pre" data-slot="panel" value="bun">
|
|
<Tabs.Content as="pre" data-slot="panel" value="bun">
|
|
|
- <button data-copy data-slot="command"
|
|
|
|
|
- onClick={handleCopyClick}>
|
|
|
|
|
|
|
+ <button data-copy data-slot="command" onClick={handleCopyClick}>
|
|
|
<span>
|
|
<span>
|
|
|
<span data-slot="protocol">bun add -g </span>
|
|
<span data-slot="protocol">bun add -g </span>
|
|
|
<span data-slot="highlight">opencode-ai</span>
|
|
<span data-slot="highlight">opencode-ai</span>
|
|
@@ -129,8 +121,7 @@ export default function Home() {
|
|
|
</button>
|
|
</button>
|
|
|
</Tabs.Content>
|
|
</Tabs.Content>
|
|
|
<Tabs.Content as="pre" data-slot="panel" value="brew">
|
|
<Tabs.Content as="pre" data-slot="panel" value="brew">
|
|
|
- <button data-copy data-slot="command"
|
|
|
|
|
- onClick={handleCopyClick}>
|
|
|
|
|
|
|
+ <button data-copy data-slot="command" onClick={handleCopyClick}>
|
|
|
<span>
|
|
<span>
|
|
|
<span data-slot="protocol">brew install </span>
|
|
<span data-slot="protocol">brew install </span>
|
|
|
<span data-slot="highlight">opencode</span>
|
|
<span data-slot="highlight">opencode</span>
|
|
@@ -139,8 +130,7 @@ export default function Home() {
|
|
|
</button>
|
|
</button>
|
|
|
</Tabs.Content>
|
|
</Tabs.Content>
|
|
|
<Tabs.Content as="pre" data-slot="panel" value="paru">
|
|
<Tabs.Content as="pre" data-slot="panel" value="paru">
|
|
|
- <button data-copy data-slot="command"
|
|
|
|
|
- onClick={handleCopyClick}>
|
|
|
|
|
|
|
+ <button data-copy data-slot="command" onClick={handleCopyClick}>
|
|
|
<span>
|
|
<span>
|
|
|
<span data-slot="protocol">paru -S </span>
|
|
<span data-slot="protocol">paru -S </span>
|
|
|
<span data-slot="highlight">opencode</span>
|
|
<span data-slot="highlight">opencode</span>
|
|
@@ -152,14 +142,14 @@ export default function Home() {
|
|
|
</Tabs>
|
|
</Tabs>
|
|
|
</div>
|
|
</div>
|
|
|
<p data-slot="installation-options">
|
|
<p data-slot="installation-options">
|
|
|
- Available in terminal, web, and desktop (coming soon).<br />
|
|
|
|
|
|
|
+ Available in terminal, web, and desktop (coming soon).
|
|
|
|
|
+ <br />
|
|
|
Extensions for VS Code, Cursor, Windsurf, and more.
|
|
Extensions for VS Code, Cursor, Windsurf, and more.
|
|
|
</p>
|
|
</p>
|
|
|
</section>
|
|
</section>
|
|
|
|
|
|
|
|
<section data-component="video">
|
|
<section data-component="video">
|
|
|
- <video src={video} autoplay playsinline loop muted preload="auto"
|
|
|
|
|
- poster={videoPoster}>
|
|
|
|
|
|
|
+ <video src={video} autoplay playsinline loop muted preload="auto" poster={videoPoster}>
|
|
|
Your browser does not support the video tag.
|
|
Your browser does not support the video tag.
|
|
|
</video>
|
|
</video>
|
|
|
</section>
|
|
</section>
|