Add powerful media editing to your application
A pure JavaScript SDK that brings professional-grade video and image editing to any web framework.
Only pay for what you use - just the final renders.
Everything you need for professional media editing
Powerful features that work with your existing stack
Framework Agnostic
Pure JavaScript SDK that works with React, Vue, Angular, Svelte, and any other web framework.
Fully Customizable
Match your brand with custom colors, themes, and UI elements. Make it truly yours.
Stock Media Integration
Connect to Shutterstock, Unsplash, Pexels, and more using your existing API keys.
AI-Powered Editing
Chat with AI to apply transitions, animations, and effects. Choose your preferred AI models.
Clip Protocol
Simple JSON-based protocol for creating and templating projects programmatically.
Pay Per Render
Only pay for final renders. No hidden fees or charges for editing sessions.
Works with your stack
Pure JavaScript SDK that integrates with any framework
React.js
Set up Clipkit with your React application.
Next.js
Set up Clipkit with your Next application.
Vue.js
Set up Clipkit with your Vue application.
Angular
Set up Clipkit with your Angular application.
Svelte
Set up Clipkit with your Svelte application.
Any Framework
Works with any JavaScript framework or vanilla JS.
Simple to integrate, powerful to use
Use our Clip protocol to create and edit projects programmatically
import Clipkit from '@clipkit/sdk';
const editor = new Clipkit({
apiKey: 'YOUR_API_KEY',
// Optional: Configure stock media providers
media: {
shutterstock: 'SHUTTERSTOCK_API_KEY',
unsplash: 'UNSPLASH_API_KEY'
}
});
// Initialize the editor
editor.init('#editor-container');
// Create a project using Clip protocol
const project = {
output_format: "mp4",
width: 1920,
height: 1080,
duration: 9.78,
elements: [
{
id: "video-1",
type: "video",
track: 1,
time: 0,
duration: 7.29,
x: "47.59%",
y: "46.02%",
width: "80.55%",
height: "67.23%",
source: "https://example.com/video.mp4"
},
{
id: "text-1",
type: "text",
track: 2,
time: 0,
x: "34.27%",
y: "85.62%",
text: "Your text here",
font_family: "Inter"
}
]
};
// Load the project
editor.loadProject(project);
// Render when ready
editor.render().then(output => {
console.log('Rendered video URL:', output.url);
});Trusted by innovative platforms
See how Clipkit is transforming video editing across industries
"Clipkit has revolutionized our content creation process. The AI-powered editing is a game-changer for our platform."
Emily Rodriguez
CTO
CreativeCloud
"Integrating Clipkit into our e-learning platform was seamless. Our users love the intuitive video editing capabilities."
Michael Chang
Product Manager
EduTech Solutions
"The customization options in Clipkit allowed us to create a unique video editing experience that aligns perfectly with our brand."
Sophia Patel
UX Designer
SocialVid
Ready to revolutionize video editing?
Join innovative platforms already using Clipkit to enhance their video capabilities