diff --git a/.all-contributorsrc b/.all-contributorsrc
index 5d005a24a13..77a97c2538e 100644
--- a/.all-contributorsrc
+++ b/.all-contributorsrc
@@ -317,6 +317,15 @@
         "bug"
       ]
     },
+    {
+      "login": "rax-public",
+      "name": "Rax Team",
+      "avatar_url": "https://avatars3.githubusercontent.com/u/59947214?v=4",
+      "profile": "https://github.com/rax-public",
+      "contributions": [
+        "code"
+      ]
+    },
     {
       "login": "tomkuehl",
       "name": "Tom Kühl",
diff --git a/packages/common/src/components/SandboxCard/fixtures.ts b/packages/common/src/components/SandboxCard/fixtures.ts
index 4e0f85b737b..39be9485612 100644
--- a/packages/common/src/components/SandboxCard/fixtures.ts
+++ b/packages/common/src/components/SandboxCard/fixtures.ts
@@ -129,6 +129,7 @@ export const templates: TemplateType[] = [
   'create-react-app',
   'vue-cli',
   'preact-cli',
+  'rax',
   'svelte',
   'create-react-app-typescript',
   'angular-cli',
diff --git a/packages/common/src/templates/helpers/is-server.ts b/packages/common/src/templates/helpers/is-server.ts
index 2ea5d58c68e..a619e304dec 100644
--- a/packages/common/src/templates/helpers/is-server.ts
+++ b/packages/common/src/templates/helpers/is-server.ts
@@ -13,6 +13,7 @@ const SERVER_TEMPLATE_NAMES = [
   'node',
   'nuxt',
   'quasar-framework',
+  'rax',
   'sapper',
   'styleguidist',
   'unibit',
diff --git a/packages/common/src/templates/icons.ts b/packages/common/src/templates/icons.ts
index 5cdda8b0366..f937189c106 100644
--- a/packages/common/src/templates/icons.ts
+++ b/packages/common/src/templates/icons.ts
@@ -33,6 +33,7 @@ import {
   ember,
   vue,
   preact,
+  rax,
   reactTs,
   svelte,
   angular,
@@ -68,6 +69,8 @@ export default function getIcon(theme: TemplateType) {
       return VueIcon;
     case preact.name:
       return PreactIcon;
+    case rax.name:
+      return ReactIcon;
     case reactTs.name:
       return ReactIcon;
     case svelte.name:
diff --git a/packages/common/src/templates/iconsDark.ts b/packages/common/src/templates/iconsDark.ts
index 39b488e5209..22500651919 100644
--- a/packages/common/src/templates/iconsDark.ts
+++ b/packages/common/src/templates/iconsDark.ts
@@ -33,6 +33,7 @@ import {
   ember,
   vue,
   preact,
+  rax,
   reactTs,
   svelte,
   angular,
@@ -68,6 +69,8 @@ export default function getIcon(theme: TemplateType) {
       return VueIconDark;
     case preact.name:
       return PreactIconDark;
+    case rax.name:
+      return ReactIconDark; 
     case reactTs.name:
       return ReactIconDark;
     case svelte.name:
diff --git a/packages/common/src/templates/iconsLight.ts b/packages/common/src/templates/iconsLight.ts
index 58d795919c8..33e00decbe4 100644
--- a/packages/common/src/templates/iconsLight.ts
+++ b/packages/common/src/templates/iconsLight.ts
@@ -33,6 +33,7 @@ import {
   ember,
   vue,
   preact,
+  rax,
   reactTs,
   svelte,
   angular,
@@ -68,6 +69,8 @@ export default function getIcon(theme: TemplateType) {
       return VueIconLight;
     case preact.name:
       return PreactIconLight;
+    case rax.name:
+      return ReactIconLight;
     case reactTs.name:
       return ReactIconLight;
     case svelte.name:
diff --git a/packages/common/src/templates/index.ts b/packages/common/src/templates/index.ts
index 32ff0c52f28..0a4865ee416 100644
--- a/packages/common/src/templates/index.ts
+++ b/packages/common/src/templates/index.ts
@@ -17,6 +17,7 @@ import nuxt from './nuxt';
 import parcel from './parcel';
 import preact from './preact';
 import quasar from './quasar';
+import rax from './rax';
 import react from './react';
 import reactTs from './react-ts';
 import reason from './reason';
@@ -43,6 +44,7 @@ export {
   dojo,
   parcel,
   preact,
+  rax,
   react,
   reactTs,
   reason,
@@ -65,6 +67,7 @@ export type TemplateType =
   | 'create-react-app'
   | 'vue-cli'
   | 'preact-cli'
+  | 'rax'
   | 'svelte'
   | 'create-react-app-typescript'
   | 'angular-cli'
@@ -101,6 +104,8 @@ export default function getDefinition(theme?: TemplateType | null) {
       return vue;
     case preact.name:
       return preact;
+    case rax.name:
+      return rax;
     case reactTs.name:
       return reactTs;
     case svelte.name:
diff --git a/packages/common/src/templates/rax.ts b/packages/common/src/templates/rax.ts
new file mode 100644
index 00000000000..25ec5ba7a9e
--- /dev/null
+++ b/packages/common/src/templates/rax.ts
@@ -0,0 +1,21 @@
+import Template from './template';
+import { decorateSelector } from '../utils/decorate-selector';
+
+export class RaxTemplate extends Template {
+  // The file to open by the editor
+  getDefaultOpenedFiles() {
+    return ['/src/app.js'];
+  }
+}
+export default new RaxTemplate(
+  'rax',
+  'Rax',
+  'https://rax.js.org/',
+  'github/raxjs/rax-codesandbox-template',
+  decorateSelector(() => '#FFB006'),
+  {
+    showOnHomePage: true,
+    distDir: 'build',
+    mainFile: []
+  }
+);
\ No newline at end of file