diff --git a/app/svelte/package.json b/app/svelte/package.json
index 74dc30f68e95..a0f2b3604c19 100644
--- a/app/svelte/package.json
+++ b/app/svelte/package.json
@@ -23,6 +23,7 @@
     "*.d.ts"
   ],
   "main": "dist/client/index.js",
+  "types": "dist/client/index.d.ts",
   "bin": {
     "build-storybook": "./bin/build.js",
     "start-storybook": "./bin/index.js",
@@ -32,6 +33,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
+    "@storybook/addons": "5.3.0-alpha.43",
     "@storybook/core": "5.3.0-alpha.43",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/svelte/src/client/index.js b/app/svelte/src/client/index.ts
similarity index 100%
rename from app/svelte/src/client/index.js
rename to app/svelte/src/client/index.ts
diff --git a/app/svelte/src/client/preview/globals.js b/app/svelte/src/client/preview/globals.ts
similarity index 100%
rename from app/svelte/src/client/preview/globals.js
rename to app/svelte/src/client/preview/globals.ts
diff --git a/app/svelte/src/client/preview/index.js b/app/svelte/src/client/preview/index.ts
similarity index 65%
rename from app/svelte/src/client/preview/index.js
rename to app/svelte/src/client/preview/index.ts
index baf0133c7233..177d45653dae 100644
--- a/app/svelte/src/client/preview/index.js
+++ b/app/svelte/src/client/preview/index.ts
@@ -15,7 +15,8 @@ export const {
 } = clientApi;
 
 const framework = 'svelte';
-export const storiesOf = (...args) => clientApi.storiesOf(...args).addParameters({ framework });
-export const configure = (...args) => coreConfigure(...args, framework);
+export const storiesOf = (...args: any) =>
+  clientApi.storiesOf(...args).addParameters({ framework });
+export const configure = (...args: any) => coreConfigure(...args, framework);
 
 export { forceReRender };
diff --git a/app/svelte/src/client/preview/render.js b/app/svelte/src/client/preview/render.ts
similarity index 91%
rename from app/svelte/src/client/preview/render.js
rename to app/svelte/src/client/preview/render.ts
index c69b7634b631..76f8b005258a 100644
--- a/app/svelte/src/client/preview/render.js
+++ b/app/svelte/src/client/preview/render.ts
@@ -1,19 +1,21 @@
 import { document } from 'global';
 import dedent from 'ts-dedent';
+import { MountViewArgs, RenderMainArgs } from './types';
 
-let previousComponent = null;
+type Component = any;
+
+let previousComponent: Component = null;
 
 function cleanUpPreviousStory() {
   if (!previousComponent) {
     return;
   }
-
   previousComponent.$destroy();
   previousComponent = null;
 }
 
-function mountView({ Component, target, props, on, Wrapper, WrapperData }) {
-  let component;
+function mountView({ Component, target, props, on, Wrapper, WrapperData }: MountViewArgs) {
+  let component: Component;
 
   if (Wrapper) {
     const fragment = document.createDocumentFragment();
@@ -47,8 +49,7 @@ export default function render({
   selectedStory,
   showMain,
   showError,
-  // showException,
-}) {
+}: RenderMainArgs) {
   const {
     /** @type {SvelteComponent} */
     Component,
diff --git a/app/svelte/src/client/preview/types.ts b/app/svelte/src/client/preview/types.ts
new file mode 100644
index 000000000000..31bf80ea6267
--- /dev/null
+++ b/app/svelte/src/client/preview/types.ts
@@ -0,0 +1,33 @@
+import { StoryFn } from '@storybook/addons';
+
+export interface ShowErrorArgs {
+  title: string;
+  description: string;
+}
+
+export interface RenderMainArgs {
+  storyFn: StoryFn<any>;
+  selectedKind: string;
+  selectedStory: string;
+  showMain: () => void;
+  showError: (args: ShowErrorArgs) => void;
+}
+
+export interface MountViewArgs {
+  Component: any;
+  target: any;
+  props: MountProps;
+  on: any;
+  Wrapper: any;
+  WrapperData: any;
+}
+
+interface MountProps {
+  rounded: boolean;
+  text: string;
+}
+
+interface WrapperData {
+  innerStyle: string;
+  style: string;
+}
diff --git a/app/svelte/src/server/build.js b/app/svelte/src/server/build.ts
similarity index 100%
rename from app/svelte/src/server/build.js
rename to app/svelte/src/server/build.ts
diff --git a/app/svelte/src/server/framework-preset-svelte.js b/app/svelte/src/server/framework-preset-svelte.ts
similarity index 78%
rename from app/svelte/src/server/framework-preset-svelte.js
rename to app/svelte/src/server/framework-preset-svelte.ts
index 6fcbfb1f79c6..d29eaf8ec519 100644
--- a/app/svelte/src/server/framework-preset-svelte.js
+++ b/app/svelte/src/server/framework-preset-svelte.ts
@@ -1,4 +1,6 @@
-export function webpack(config) {
+import { Configuration } from 'webpack'; // eslint-disable-line
+
+export function webpack(config: Configuration) {
   return {
     ...config,
     module: {
diff --git a/app/svelte/src/server/index.js b/app/svelte/src/server/index.ts
similarity index 100%
rename from app/svelte/src/server/index.js
rename to app/svelte/src/server/index.ts
diff --git a/app/svelte/src/server/options.js b/app/svelte/src/server/options.ts
similarity index 71%
rename from app/svelte/src/server/options.js
rename to app/svelte/src/server/options.ts
index 70526b6fe4df..64c8aa3cd589 100644
--- a/app/svelte/src/server/options.js
+++ b/app/svelte/src/server/options.ts
@@ -1,4 +1,4 @@
-import packageJson from '../../package.json';
+const packageJson = require('../../package.json');
 
 export default {
   packageJson,
diff --git a/app/svelte/src/typings.d.ts b/app/svelte/src/typings.d.ts
new file mode 100644
index 000000000000..6288cba4b09a
--- /dev/null
+++ b/app/svelte/src/typings.d.ts
@@ -0,0 +1,2 @@
+declare module '@storybook/core/*';
+declare module 'global';
diff --git a/app/svelte/tsconfig.json b/app/svelte/tsconfig.json
new file mode 100644
index 000000000000..9fc120ad0834
--- /dev/null
+++ b/app/svelte/tsconfig.json
@@ -0,0 +1,14 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "./src",
+    "types": ["webpack-env"],
+    "resolveJsonModule": true
+  },
+  "include": [
+    "src/**/*"
+  ],
+  "exclude": [
+    "src/**/*.test.*"
+  ]
+}
\ No newline at end of file
diff --git a/package.json b/package.json
index 42a30a17a0ce..a6f71181b406 100644
--- a/package.json
+++ b/package.json
@@ -277,4 +277,4 @@
       ]
     ]
   }
-}
+}
\ No newline at end of file