diff --git a/examples/with-ant-design/index.js b/examples/with-ant-design/index.js
index 3eb3b5c016df385892a57b4401a7abd35f39b38d..ec9e13dc8ec8732a4c8090be0601ca5a636105bc 100644
--- a/examples/with-ant-design/index.js
+++ b/examples/with-ant-design/index.js
@@ -4,7 +4,7 @@ export default ({ children }) =>
     <Head>
       <meta name='viewport' content='width=device-width, initial-scale=1' />
       <meta charSet='utf-8' />
-      <link rel='stylesheet' href='//cdnjs.cloudflare.com/ajax/libs/antd/2.9.3/antd.min.css' />
+      <link rel='stylesheet' href='https://unpkg.com/antd@3/dist/antd.min.css' />
     </Head>
     <style jsx global>{`
       body {
diff --git a/examples/with-ant-design/package.json b/examples/with-ant-design/package.json
index 01718bf417143daa1f4a65d139b8cb86cd3b6557..3d3a6596ccdfc4abca1655e9d0a2711e8295a7cf 100644
--- a/examples/with-ant-design/package.json
+++ b/examples/with-ant-design/package.json
@@ -7,7 +7,7 @@
     "start": "next start"
   },
   "dependencies": {
-    "antd": "^2.10.2",
+    "antd": "^3.0.2",
     "babel-plugin-import": "^1.1.1",
     "next": "latest",
     "react": "^16.0.0",
diff --git a/examples/with-ant-design/pages/index.js b/examples/with-ant-design/pages/index.js
index edc813031fb9abe10315c36513aab7120df24990..4f5a2d8eec0ccc656119b7f52b0bb8270272f4e2 100644
--- a/examples/with-ant-design/pages/index.js
+++ b/examples/with-ant-design/pages/index.js
@@ -1,73 +1,70 @@
 import Layout from '../index.js'
-import { Form, Select, InputNumber, DatePicker, Switch, Slider, Button, LocaleProvider } from 'antd'
-import enUS from 'antd/lib/locale-provider/en_US'
+import { Form, Select, InputNumber, DatePicker, Switch, Slider, Button } from 'antd'
 
 const FormItem = Form.Item
 const Option = Select.Option
 
 export default () => (
   <Layout>
-    <LocaleProvider locale={enUS}>
-      <div style={{ marginTop: 100 }}>
-        <Form layout='horizontal'>
-          <FormItem
-            label='Input Number'
-            labelCol={{ span: 8 }}
-            wrapperCol={{ span: 8 }}
-        >
-            <InputNumber size='large' min={1} max={10} style={{ width: 100 }} defaultValue={3} name='inputNumber' />
-            <a href='#'>Link</a>
-          </FormItem>
+    <div style={{ marginTop: 100 }}>
+      <Form layout='horizontal'>
+        <FormItem
+          label='Input Number'
+          labelCol={{ span: 8 }}
+          wrapperCol={{ span: 8 }}
+      >
+          <InputNumber size='large' min={1} max={10} style={{ width: 100 }} defaultValue={3} name='inputNumber' />
+          <a href='#'>Link</a>
+        </FormItem>
 
-          <FormItem
-            label='Switch'
-            labelCol={{ span: 8 }}
-            wrapperCol={{ span: 8 }}
-        >
-            <Switch defaultChecked name='switch' />
-          </FormItem>
+        <FormItem
+          label='Switch'
+          labelCol={{ span: 8 }}
+          wrapperCol={{ span: 8 }}
+      >
+          <Switch defaultChecked name='switch' />
+        </FormItem>
 
-          <FormItem
-            label='Slider'
-            labelCol={{ span: 8 }}
-            wrapperCol={{ span: 8 }}
-        >
-            <Slider defaultValue={70} />
-          </FormItem>
+        <FormItem
+          label='Slider'
+          labelCol={{ span: 8 }}
+          wrapperCol={{ span: 8 }}
+      >
+          <Slider defaultValue={70} />
+        </FormItem>
 
-          <FormItem
-            label='Select'
-            labelCol={{ span: 8 }}
-            wrapperCol={{ span: 8 }}
-        >
-            <Select size='large' defaultValue='lucy' style={{ width: 192 }} name='select'>
-              <Option value='jack'>jack</Option>
-              <Option value='lucy'>lucy</Option>
-              <Option value='disabled' disabled>disabled</Option>
-              <Option value='yiminghe'>yiminghe</Option>
-            </Select>
-          </FormItem>
+        <FormItem
+          label='Select'
+          labelCol={{ span: 8 }}
+          wrapperCol={{ span: 8 }}
+      >
+          <Select size='large' defaultValue='lucy' style={{ width: 192 }} name='select'>
+            <Option value='jack'>jack</Option>
+            <Option value='lucy'>lucy</Option>
+            <Option value='disabled' disabled>disabled</Option>
+            <Option value='yiminghe'>yiminghe</Option>
+          </Select>
+        </FormItem>
 
-          <FormItem
-            label='DatePicker'
-            labelCol={{ span: 8 }}
-            wrapperCol={{ span: 8 }}
-        >
-            <DatePicker name='startDate' />
-          </FormItem>
-          <FormItem
-            style={{ marginTop: 48 }}
-            wrapperCol={{ span: 8, offset: 8 }}
-        >
-            <Button size='large' type='primary' htmlType='submit'>
-            OK
-          </Button>
-            <Button size='large' style={{ marginLeft: 8 }}>
-            Cancel
-          </Button>
-          </FormItem>
-        </Form>
-      </div>
-    </LocaleProvider>
+        <FormItem
+          label='DatePicker'
+          labelCol={{ span: 8 }}
+          wrapperCol={{ span: 8 }}
+      >
+          <DatePicker name='startDate' />
+        </FormItem>
+        <FormItem
+          style={{ marginTop: 48 }}
+          wrapperCol={{ span: 8, offset: 8 }}
+      >
+          <Button size='large' type='primary' htmlType='submit'>
+          OK
+        </Button>
+          <Button size='large' style={{ marginLeft: 8 }}>
+          Cancel
+        </Button>
+        </FormItem>
+      </Form>
+    </div>
   </Layout>
 )
