diff --git a/components/timeline/demo/basic.md b/components/timeline/demo/basic.md
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/components/timeline/demo/color.md b/components/timeline/demo/color.md
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/components/timeline/demo/dashed.md b/components/timeline/demo/dashed.md
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/components/timeline/index.jsx b/components/timeline/index.jsx
new file mode 100644
index 0000000000..eafa022e3d
--- /dev/null
+++ b/components/timeline/index.jsx
@@ -0,0 +1,35 @@
+import React from 'react';
+
+let AntTimeline = React.createClass({
+  getDefaultProps() {
+    return {
+      prefixCls: 'ant-timeline'
+    };
+  },
+  render() {
+    return (
+      <ul className={this.props.prefixCls}>
+        {this.props.children}
+      </ul>
+    );
+  }
+});
+
+AntTimeline.Item = React.createClass({
+  getDefaultProps() {
+    return {
+      prefixCls: 'ant-timeline',
+      color: 'blue',
+      dashed: false
+    };
+  },
+  render() {
+    return (
+      <li className={this.props.prefixCls + '-item'}>
+        {this.props.children}
+      </li>
+    );
+  }
+});
+
+export default AntTimeline;
diff --git a/components/timeline/index.md b/components/timeline/index.md
new file mode 100644
index 0000000000..bfe1aeca70
--- /dev/null
+++ b/components/timeline/index.md
@@ -0,0 +1,14 @@
+# Timeline
+
+- category: Components
+- chinese: 时间轴
+- type: 展示
+
+---
+
+垂直展示的时间流信息。
+
+## 何时使用
+
+- 当有一系列信息需要从上至下按时间排列时；
+- 需要有一条时间轴进行视觉上的串联时；