Clips-Studio / index.html
clips-studio-bot
Sync website from 6849a77
9ea9e58
Raw
History Blame Contribute Delete
17.6 kB
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Clips Studio: free open-source AI clip generator that runs on your own PC</title>
<meta
name="description"
content="Turn Twitch, Kick and YouTube videos into vertical clips on your own computer. For creators running a channel on their own. Free, no subscription, no per-clip fees, no uploads."
/>
<link rel="canonical" href="https://colingpt9.github.io/clips-studio/" />
<link rel="icon" href="assets/mascot.png" />
<link rel="stylesheet" href="styles.css" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Clips Studio: AI video clipping that runs on your own PC" />
<meta
property="og:description"
content="Paste a Twitch, Kick or YouTube link and get vertical clips with captions. Runs entirely on your machine, with no subscription and no uploads."
/>
<meta property="og:image" content="https://colingpt9.github.io/clips-studio/assets/mascot.png" />
<meta property="og:url" content="https://colingpt9.github.io/clips-studio/" />
<meta name="twitter:card" content="summary_large_image" />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "SoftwareApplication",
"name": "Clips Studio",
"applicationCategory": "MultimediaApplication",
"operatingSystem": "Windows",
"description": "Open-source AI video clipping that runs locally. Turns Twitch, Kick and YouTube videos into vertical clips with captions and titles.",
"offers": { "@type": "Offer", "price": "0", "priceCurrency": "USD" },
"license": "https://www.gnu.org/licenses/agpl-3.0.html",
"isAccessibleForFree": true
}
</script>
</head>
<body>
<header class="site">
<div class="wrap">
<a class="brand" href="index.html">
<img src="assets/mascot.png" alt="" />
<span>
<span class="name">Clips <span>Studio</span></span>
<span class="tagline">local-first AI clipping</span>
</span>
</a>
<nav class="site" aria-label="Main">
<a href="index.html" aria-current="page">Home</a>
<a href="twitch.html">Twitch</a>
<a href="kick.html">Kick</a>
<a href="youtube.html">YouTube</a>
<a href="local-vs-cloud.html">Local vs cloud</a>
<a href="roadmap.html">Roadmap</a>
<a href="changelog.html">Changelog</a>
<a href="https://github.com/ColinGPT9/clips-studio" target="_blank" rel="noopener noreferrer">GitHub</a>
<a class="donate" href="https://paypal.me/clipsstudio" target="_blank" rel="noopener noreferrer">Donate</a>
</nav>
</div>
</header>
<main>
<div class="hero">
<div class="wrap hero-grid">
<div>
<h1>AI video clipping that runs on your own PC</h1>
<p class="lead">
Paste a link to a Twitch VOD, a Kick VOD or a YouTube video and hand it to
<strong>Clippy the Cat</strong>. He watches the whole thing, picks the moments
worth posting, crops them to fit a phone screen with the speaker kept in frame,
burns in word-synced captions and writes the titles.
</p>
<p class="lead">
He does it all on your computer. Your footage is never uploaded, there is no
subscription, and there is no cap on how many clips you make.
</p>
<div class="cta-row">
<a class="btn btn-accent" href="https://github.com/ColinGPT9/clips-studio/releases/download/v0.1.2/ClipsStudio-Web-Setup-0.1.2.exe" target="_blank" rel="noopener noreferrer">Download for Windows</a
>
<a class="btn btn-ghost" href="https://github.com/ColinGPT9/clips-studio" target="_blank" rel="noopener noreferrer">View on GitHub</a
>
<span class="cta-note">Windows · NVIDIA GPU recommended</span>
</div>
<p class="star-note">
★ If you find it useful,
<a href="https://github.com/ColinGPT9/clips-studio" target="_blank" rel="noopener noreferrer">give it a star</a>. It costs
nothing, and it is how developers find the app and end up improving it
for you.
</p>
</div>
<img
class="mascot"
src="assets/mascot.png"
alt="Clippy the Cat, the Clips Studio mascot"
/>
</div>
</div>
<section id="support">
<div class="wrap">
<div class="support">
<div class="body">
<p class="title">Clips Studio is free &amp; open source ❤️</p>
<p>
It runs entirely on your PC with no fees. Please consider donating to help
cover development costs and keep it free for everyone.
</p>
</div>
<a class="btn btn-accent" href="https://paypal.me/clipsstudio" target="_blank" rel="noopener noreferrer">Donate to Clips Studio</a>
</div>
</div>
</section>
<section id="why">
<div class="wrap">
<h2>For creators doing it all themselves</h2>
<p class="section-lead">
If you are growing a channel, you are probably the one filming it, streaming it,
editing it and posting it. Clipping is how people find you, and it is usually the
first thing that gets dropped. An editor is a cost most channels cannot
justify yet, clipping tools charge for every video, and cutting them by hand
takes a day you needed for something else. So the clips do not get made.
</p>
<p class="section-lead">
That is the reason this exists. Clips Studio runs on your own computer, so it
costs nothing to use: no subscription, no credits, no charge per clip, no
limit on how many you make. If you have a PC and something worth posting, you
can promote your channel without paying anyone, me included.
</p>
<p class="note">
Clipping tools like OpusClip charge a monthly fee or a price per video. Clips
Studio does not charge anything. It runs on the computer you already own.
Whether you are just starting out or already growing, the clips should not be
the thing you have to pay for.
</p>
</div>
</section>
<section id="how">
<div class="wrap">
<h2>How it works</h2>
<p class="section-lead">
Every step runs locally. The only thing that touches the network in a normal run
is downloading the video you asked for.
</p>
<ol class="pipeline">
<li>
<strong>Transcription</strong>
<span
>faster-whisper with word-level timing, so captions land on the right syllable
and clips start on a real sentence.</span
>
</li>
<li>
<strong>Signal analysis</strong>
<span
>Loudness spikes, laughter-shaped bursts, scene cuts, motion and on-screen
reactions, measured across the whole video.</span
>
</li>
<li>
<strong>Scoring</strong>
<span
>A local language model reads the transcript <em>alongside</em> those signals,
so a quiet line during an explosive moment is judged correctly.</span
>
</li>
<li>
<strong>Framing</strong>
<span
>Pose detection keeps the subject in frame, and in group footage the camera
follows whoever is speaking. Crops are never stretched.</span
>
</li>
<li>
<strong>Captions and titles</strong>
<span
>Word-synced captions in your style, plus a title, description and hashtags,
all editable before you export.</span
>
</li>
</ol>
</div>
</section>
<section id="features">
<div class="wrap">
<h2>What you get</h2>
<div class="grid">
<div class="card">
<h3>Finds what transcripts miss</h3>
<p>
Laughter, hype and clutch moments often read flat in text. Peaks in the audio
and video become clip candidates in their own right.
</p>
</div>
<div class="card">
<h3>Speaker-aware framing</h3>
<p>
In multi-person footage the crop follows whoever is talking, detected from
mouth movement. Podcast mode frames each camera shot separately.
</p>
</div>
<div class="card">
<h3>A real editor</h3>
<p>
Trim, cut, mute words, add a hook, music and a watermark, all non-destructive.
Or describe the change in plain language and let the AI apply it.
</p>
</div>
<div class="card">
<h3>19 languages</h3>
<p>
Translate, subtitle or dub a clip, with every line shown for review before
anything is burned in. The app itself is translated into all 19 too.
</p>
</div>
<div class="card">
<h3>Learns each creator</h3>
<p>
Recurring topics, running jokes and ongoing storylines build up per channel and
sharpen the titles. It stays on your machine, and you can read or wipe it.
</p>
</div>
<div class="card">
<h3>Long-form too</h3>
<p>
The same analysis produces horizontal clips, a best-of highlight reel, or the
whole stream with the dead air removed.
</p>
</div>
</div>
</div>
</section>
<section id="fit">
<div class="wrap">
<h2>What it's built for</h2>
<p class="section-lead">
Worth knowing before you download, so you're not guessing why a clip came out
the way it did.
</p>
<ul class="ticks">
<li>
<strong>People on camera, talking.</strong> IRL, just chatting, podcasts,
vlogs, interviews. This is what the clip-picking and the framing are tuned
for, and it's what gets tested on real streams before anything ships.
</li>
<li class="weak">
<strong>Gaming and split-screen aren't shipped yet.</strong> Two things
weren't good enough in testing: the framing didn't reliably find the part
of the screen where the action was, and subject tracking mistook characters
<em>inside the game</em> for the streamer. To a person detector, a person on
screen is a person on screen. That produces clips centred on the wrong
human, so it's held back rather than shipped half-working. It's being
worked on.
</li>
<li class="weak">
<strong>Reaction content isn't really its thing.</strong> Clips are chosen
from what's <em>said</em>; it can't watch the video you're reacting to, so
the moment that made the clip is invisible to it. Re-uploading someone
else's footage is also a copyright question worth settling yourself.
</li>
</ul>
<p class="note">
Nothing here refuses to run. Feed it anything and it will produce clips.
These are the cases where it's doing less thinking than it looks like, and
where you should expect to reach for the editor more often.
</p>
</div>
</section>
<section id="clippy">
<div class="wrap hero-grid">
<div>
<h2>Meet Clippy</h2>
<p class="section-lead">
Clipping a three-hour stream means watching a three-hour stream. Clippy the Cat
does that part. He sits through the whole thing, notices where the room got loud
and where the story turned, and comes back with the bits worth posting.
</p>
<ul class="ticks">
<li>
<strong>He watches, you choose.</strong> Clippy brings back everything that
cleared the bar, not a fixed three, so you pick what actually goes out.
</li>
<li>
<strong>He remembers your creators.</strong> Running jokes and ongoing
storylines build up per channel, so the titles get sharper over time.
</li>
<li>
<strong>He works on your machine.</strong> Nothing is uploaded, nothing is
metered, and he does not phone anyone about what he saw.
</li>
</ul>
</div>
<img
class="mascot"
src="assets/mascot.png"
alt=""
width="210"
/>
</div>
</section>
<section id="local">
<div class="wrap">
<h2>Why local matters</h2>
<div class="grid">
<div class="card">
<h3>Nothing is uploaded</h3>
<p>
Unreleased footage, sponsor reads and personal streams never leave your
computer. There is no account and no server holding your video.
</p>
</div>
<div class="card">
<h3>No per-clip cost</h3>
<p>
Cloud clippers meter minutes or clips. Running the models yourself costs
electricity, so processing a three-hour stream twice is free.
</p>
</div>
<div class="card">
<h3>Yours to change</h3>
<p>
Nobody can take it away, put it behind a paywall, or change the terms on you.
Even how it picks clips is yours to adjust.
</p>
</div>
</div>
</div>
</section>
<section id="get">
<div class="wrap">
<h2>Getting started</h2>
<p class="section-lead">
Download <code>ClipsStudio-Web-Setup.exe</code> and run it. A setup wizard takes it
from there. It checks your computer and downloads an AI model sized to your
graphics card.
</p>
<div class="note">
<strong>What the installer does and doesn't carry.</strong> It brings the app, the
whole AI engine, every library it needs, FFmpeg, the local AI runtime and all the
detection and transcription weights. No Python, no PATH, no terminal, and nothing
else for you to install. The one thing it fetches on first launch is the language
model — those are licensed to whoever downloads them, so it can't be handed to you
in a box. The setup wizard starts that itself and shows a progress bar, so you'll
want an internet connection the first time you run it. After that it works
offline.
</div>
<div class="note" style="margin-top: 14px">
<strong>Clips Studio is in alpha.</strong> It works and it's used daily, but you
will find rough edges. There's a <strong>Feedback</strong> button inside the app
for reporting them. It needs no account and attaches the details automatically.
The installer isn't
code-signed yet, so Windows will warn the first time you run it: choose
<em>More info → Run anyway</em>.
</div>
<div class="cta-row">
<a class="btn btn-accent" href="https://github.com/ColinGPT9/clips-studio/releases/download/v0.1.2/ClipsStudio-Web-Setup-0.1.2.exe" target="_blank" rel="noopener noreferrer">Download for Windows</a
>
</div>
</div>
</section>
</main>
<footer class="site">
<div class="wrap cols">
<span>Free and open source. Made for creators who would rather own their tools.</span>
<nav aria-label="Footer">
<a href="roadmap.html">Roadmap</a>
<a href="changelog.html">Changelog</a>
<a href="privacy.html">Privacy</a>
<a href="https://github.com/ColinGPT9/clips-studio" target="_blank" rel="noopener noreferrer">★ Star it</a>
<a href="https://github.com/ColinGPT9/clips-studio/blob/main/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">Contribute</a>
<a href="https://github.com/ColinGPT9/clips-studio/issues" target="_blank" rel="noopener noreferrer">Issues</a>
<a href="https://paypal.me/clipsstudio" target="_blank" rel="noopener noreferrer">Donate</a>
<a href="https://github.com/ColinGPT9/clips-studio/blob/main/ARCHITECTURE.md" target="_blank" rel="noopener noreferrer">How it's built</a>
</nav>
</div>
</footer>
<script src="analytics.js"></script>
<script src="donate.js"></script>
</body>
</html>