Slick Editor Widget

The Slick SDK allows you to integrate our editor into your application within minutes.

How to use

1. Create a new team by going to https://slick.is/team

2. Get the API key from- https://slick.is/team

3. Contact us to get the widget access

4. Import the editor-

import SlickEditorWidget from "@slick/sdk";

export default function SlickEditor() {
    const apiKey = "0273df8c-6565-4ada-a9c5-1e1e4a8e03a6";
	const projectId = "66273c855a26d2378f8af237";

	return (
		<SlickEditorWidget apiKey={apiKey} projectId={projectId} />
	);
}

5. Create a project-

import { createProject } from "@slick/sdk";

export default function EditorWidget() {
    const apiKey = "0273df8c-6565-4ada-a9c5-1e1e4a8e03a6";

	const handleCreateProject = async () => {
        const videoUrl = "https://nuw-io.s3-accelerate.amazonaws.com/bd0eb1a1-037d-4314-9183-36bfef2cb53d.mp4";
	    const videoLengthInSeconds = 75;

        const projectName = "untitled video"; // optional
	    const language = "en"; // optional (default: "en")

		const data = await createProject({ apiKey, videoUrl, videoLengthInSeconds, projectName, language });
		console.log(data);
        // returns { success: true, projectId: <projectId> }
	};

	return (
		<button type="button" onClick={handleCreateProject}>
			Create Project
		</button>
	);
}

Available languages

[
    { language: "Global English", languageCode: "en" },
    { language: "Australian English", languageCode: "en_au" },
    { language: "British English", languageCode: "en_uk" },
    { language: "US English", languageCode: "en_us" },
    { language: "Indian English", languageCode: "en-IN" },
    { language: "Spanish", languageCode: "es" },
    { language: "French", languageCode: "fr" },
    { language: "German", languageCode: "de" },
    { language: "German (Switzerland)", languageCode: "de-CH" },
    { language: "Italian", languageCode: "it" },
    { language: "Portuguese", languageCode: "pt" },
    { language: "Dutch", languageCode: "nl" },
    { language: "Hindi", languageCode: "hi" },
    { language: "Hinglish", languageCode: "hi_en" },
    { language: "Japanese", languageCode: "ja" },
    { language: "Chinese", languageCode: "zh" },
    { language: "Finnish", languageCode: "fi" },
    { language: "Korean", languageCode: "ko" },
    { language: "Polish", languageCode: "pl" },
    { language: "Russian", languageCode: "ru" },
    { language: "Turkish", languageCode: "tr" },
    { language: "Ukrainian", languageCode: "uk" },
    { language: "Vietnamese", languageCode: "vi" },
    { language: "Czech", languageCode: "cs" },
    { language: "Danish", languageCode: "da" },
    { language: "Swedish", languageCode: "sv" },
    { language: "Norwegian", languageCode: "no" },
    { language: "Indonesian", languageCode: "id" },
    { language: "Greek", languageCode: "el" },
    { language: "Flemish", languageCode: "nl-BE" },
    { language: "Malay", languageCode: "ms" },
    { language: "Bulgarian", languageCode: "bg" },
    { language: "Arabic", languageCode: "ar" },
    { language: "Tamil", languageCode: "ta" },
    { language: "Catalan", languageCode: "ca" },
    { language: "Hebrew", languageCode: "he" },
    { language: "Romanian", languageCode: "ro" },
    { language: "Hungarian", languageCode: "hu" },
    { language: "Thai", languageCode: "th" },
    { language: "Urdu", languageCode: "ur" },
    { language: "Croatian", languageCode: "hr" },
    { language: "Lithuanian", languageCode: "lt" },
    { language: "Latin", languageCode: "la" },
    { language: "Maori", languageCode: "mi" },
    { language: "Malayalam", languageCode: "ml" },
    { language: "Welsh", languageCode: "cy" },
    { language: "Slovak", languageCode: "sk" },
    { language: "Telugu", languageCode: "te" },
    { language: "Persian", languageCode: "fa" },
    { language: "Latvian", languageCode: "lv" },
    { language: "Bengali", languageCode: "bn" },
    { language: "Serbian", languageCode: "sr" },
    { language: "Azerbaijani", languageCode: "az" },
    { language: "Slovenian", languageCode: "sl" },
    { language: "Kannada", languageCode: "kn" },
    { language: "Estonian", languageCode: "et" },
    { language: "Macedonian", languageCode: "mk" },
    { language: "Breton", languageCode: "br" },
    { language: "Basque", languageCode: "eu" },
    { language: "Icelandic", languageCode: "is" },
    { language: "Armenian", languageCode: "hy" },
    { language: "Nepali", languageCode: "ne" },
    { language: "Mongolian", languageCode: "mn" },
    { language: "Bosnian", languageCode: "bs" },
    { language: "Kazakh", languageCode: "kk" },
    { language: "Albanian", languageCode: "sq" },
    { language: "Swahili", languageCode: "sw" },
    { language: "Galician", languageCode: "gl" },
    { language: "Marathi", languageCode: "mr" },
    { language: "Punjabi", languageCode: "pa" },
    { language: "Sinhala", languageCode: "si" },
    { language: "Khmer", languageCode: "km" },
    { language: "Shona", languageCode: "sn" },
    { language: "Yoruba", languageCode: "yo" },
    { language: "Somali", languageCode: "so" },
    { language: "Afrikaans", languageCode: "af" },
    { language: "Occitan", languageCode: "oc" },
    { language: "Georgian", languageCode: "ka" },
    { language: "Belarusian", languageCode: "be" },
    { language: "Tajik", languageCode: "tg" },
    { language: "Sindhi", languageCode: "sd" },
    { language: "Gujarati", languageCode: "gu" },
    { language: "Amharic", languageCode: "am" },
    { language: "Yiddish", languageCode: "yi" },
    { language: "Lao", languageCode: "lo" },
    { language: "Uzbek", languageCode: "uz" },
    { language: "Faroese", languageCode: "fo" },
    { language: "Haitian Creole", languageCode: "ht" },
    { language: "Pashto", languageCode: "ps" },
    { language: "Turkmen", languageCode: "tk" },
    { language: "Nynorsk", languageCode: "nn" },
    { language: "Maltese", languageCode: "mt" },
    { language: "Sanskrit", languageCode: "sa" },
    { language: "Luxembourgish", languageCode: "lb" },
    { language: "Burmese", languageCode: "my" },
    { language: "Tibetan", languageCode: "bo" },
    { language: "Tagalog", languageCode: "tl" },
    { language: "Malagasy", languageCode: "mg" },
    { language: "Assamese", languageCode: "as" },
    { language: "Tatar", languageCode: "tt" },
    { language: "Hawaiian", languageCode: "haw" },
    { language: "Lingala", languageCode: "ln" },
    { language: "Hausa", languageCode: "ha" },
    { language: "Bashkir", languageCode: "ba" },
    { language: "Javanese", languageCode: "jw" },
    { language: "Sundanese", languageCode: "su" },
]

Pass the desired languageCode as the language parameter during project creation.