diff --git a/src/components/carousel/carousel-item.vue b/src/components/carousel/carousel-item.vue
new file mode 100644
index 00000000..b995e94b
--- /dev/null
+++ b/src/components/carousel/carousel-item.vue
@@ -0,0 +1,10 @@
+<template>
+    <div :class="prefixCls"><slot></slot></div>
+</template>
+<script>
+    const prefixCls = 'ivu-carousel-item';
+
+    export default {
+        name: 'CarouselItem'
+    };
+</script>
diff --git a/src/components/carousel/carousel.vue b/src/components/carousel/carousel.vue
new file mode 100644
index 00000000..fb63eb08
--- /dev/null
+++ b/src/components/carousel/carousel.vue
@@ -0,0 +1,11 @@
+<template>
+    <div :class="prefixCls">
+    </div>
+</template>
+<script>
+    const prefixCls = 'ivu-cascader';
+
+    export default {
+        name: 'Carousel'
+    };
+</script>
diff --git a/src/components/carousel/index.js b/src/components/carousel/index.js
new file mode 100644
index 00000000..688b6268
--- /dev/null
+++ b/src/components/carousel/index.js
@@ -0,0 +1,5 @@
+import Carousel from './carousel.vue';
+import CarouselItem from './carousel-item.vue';
+
+Carousel.Item = CarouselItem;
+export default Carousel;
\ No newline at end of file
diff --git a/src/index.js b/src/index.js
index 6756a5be..47c52b1b 100644
--- a/src/index.js
+++ b/src/index.js
@@ -8,6 +8,7 @@ import Badge from './components/badge';
 import Breadcrumb from './components/breadcrumb';
 import Button from './components/button';
 import Card from './components/card';
+import Carousel from './components/carousel';
 import Cascader from './components/cascader';
 import Checkbox from './components/checkbox';
 import Circle from './components/circle';
@@ -52,6 +53,8 @@ const iview = {
     iButton: Button,
     ButtonGroup: Button.Group,
     Card,
+    Carousel,
+    CarouselItem: Carousel.Item,
     Cascader,
     Checkbox,
     CheckboxGroup: Checkbox.Group,
diff --git a/src/styles/components/carousel.less b/src/styles/components/carousel.less
new file mode 100644
index 00000000..21a6eb0c
--- /dev/null
+++ b/src/styles/components/carousel.less
@@ -0,0 +1,6 @@
+@carousel-prefix-cls: ~"@{css-prefix}carousel";
+@carousel-item-prefix-cls: ~"@{css-prefix}carousel-item";
+
+.@{carousel-prefix-cls} {
+
+}
diff --git a/test/app.vue b/test/app.vue
index 3dfec764..19834737 100644
--- a/test/app.vue
+++ b/test/app.vue
@@ -47,6 +47,7 @@ li + li {
                 <li><a v-link="'/menu'">Menu</a></li>
                 <li><a v-link="'/date'">Date</a></li>
                 <li><a v-link="'/form'">Form</a></li>
+                <li><a v-link="'/carousel'">Carousel</a></li>
             </ul>
         </nav>
         <router-view></router-view>
diff --git a/test/main.js b/test/main.js
index 363135f9..9f6dd37d 100644
--- a/test/main.js
+++ b/test/main.js
@@ -134,6 +134,11 @@ router.map({
             require(['./routers/form.vue'], resolve);
         }
     },
+    '/carousel': {
+        component: function (resolve) {
+            require(['./routers/carousel.vue'], resolve);
+        }
+    },
 });
 
 router.beforeEach(function () {
diff --git a/test/routers/carousel.vue b/test/routers/carousel.vue
new file mode 100644
index 00000000..6db7e5f1
--- /dev/null
+++ b/test/routers/carousel.vue
@@ -0,0 +1,9 @@
+<template>
+    <Carousel>
+        <Carousel-item></Carousel-item>
+    </Carousel>
+</template>
+<script>
+    export default {
+    }
+</script>