diff --git a/DoricDevkit.podspec b/DoricDevkit.podspec
index 180e9049..51df6e06 100644
--- a/DoricDevkit.podspec
+++ b/DoricDevkit.podspec
@@ -15,7 +15,10 @@ Doric iOS Devkit for debugging & hotload.
   s.ios.deployment_target = '8.0'
 
   s.source_files = 'doric-iOS/Devkit/Classes/**/*'
-
+  
+  s.resource_bundles = {
+    'DoricDevkit' => ['doric-iOS/Devkit/Assets/**/*']
+  }
   s.public_header_files = 'doric-iOS/Devkit/Classes/**/*.h'
 
   s.dependency 'DoricCore'
diff --git a/doric-iOS/Devkit/Assets/icon_doricdev_close.png b/doric-iOS/Devkit/Assets/icon_doricdev_close.png
new file mode 100644
index 00000000..7e38f450
Binary files /dev/null and b/doric-iOS/Devkit/Assets/icon_doricdev_close.png differ
diff --git a/doric-iOS/Devkit/Assets/icon_doricdev_move.png b/doric-iOS/Devkit/Assets/icon_doricdev_move.png
new file mode 100644
index 00000000..70714fe6
Binary files /dev/null and b/doric-iOS/Devkit/Assets/icon_doricdev_move.png differ
diff --git a/doric-iOS/Devkit/Assets/icon_doricdev_next.png b/doric-iOS/Devkit/Assets/icon_doricdev_next.png
new file mode 100644
index 00000000..811489f5
Binary files /dev/null and b/doric-iOS/Devkit/Assets/icon_doricdev_next.png differ
diff --git a/doric-iOS/Devkit/Assets/icon_doricdev_prev.png b/doric-iOS/Devkit/Assets/icon_doricdev_prev.png
new file mode 100644
index 00000000..7bf6c85e
Binary files /dev/null and b/doric-iOS/Devkit/Assets/icon_doricdev_prev.png differ
diff --git a/doric-iOS/Devkit/Classes/DoricDevViewController.m b/doric-iOS/Devkit/Classes/DoricDevViewController.m
index f7bcfeba..fae3f46b 100644
--- a/doric-iOS/Devkit/Classes/DoricDevViewController.m
+++ b/doric-iOS/Devkit/Classes/DoricDevViewController.m
@@ -27,6 +27,7 @@
 #import "DoricDevViewController.h"
 #import "QRScanViewController.h"
 #import "DoricDebugDriver.h"
+#import "DoricRegistry.h"
 
 @interface DoricContextCell : UITableViewCell
 @property(nonatomic, strong) UILabel *tvId;
@@ -130,7 +131,10 @@ @interface DoricDevViewController () <UITableViewDelegate, UITableViewDataSource
 @property(nonatomic, strong) UILabel *tvInput;
 @property(nonatomic, strong) UILabel *tvScan;
 @property(nonatomic, strong) UILabel *tvDisconnect;
-
+@property(nonatomic, strong) UILabel *tvSnapshot;
+@property(nonatomic, strong) UILabel *tvPerformance;
+@property(nonatomic, strong) UISwitch *switchSnapshot;
+@property(nonatomic, strong) UISwitch *switchPerformance;
 @property(nonatomic, strong) UITableView *listView;
 
 @end
@@ -144,7 +148,7 @@ - (void)viewDidLoad {
     self.view.backgroundColor = UIColor.whiteColor;
     self.headerView = [[UIView new] also:^(UIView *it) {
         it.width = self.view.width;
-        it.height = 60;
+        it.height = 140;
         it.backgroundColor = DoricColor(@(0xff70a1ff));
         [self.view addSubview:it];
     }];
@@ -208,11 +212,43 @@ - (void)viewDidLoad {
         UITapGestureRecognizer *tapGestureRecognizer = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(disconnect)];
         [it addGestureRecognizer:tapGestureRecognizer];
     }];
+    self.tvSnapshot = [[UILabel new] also:^(UILabel *it) {
+        it.text = @"Record Snapshot";
+        it.textColor = [UIColor whiteColor];
+        it.font = [UIFont systemFontOfSize:15];
+        it.textAlignment = NSTextAlignmentCenter;
+        [it sizeToFit];
+        [self.headerView addSubview:it];
+    }];
+    self.tvPerformance = [[UILabel new] also:^(UILabel *it) {
+        it.text = @"Performance";
+        it.textColor = [UIColor whiteColor];
+        it.font = [UIFont systemFontOfSize:15];
+        it.textAlignment = NSTextAlignmentCenter;
+        [it sizeToFit];
+        [self.headerView addSubview:it];
+    }];
+    self.switchSnapshot = [[UISwitch new] also:^(UISwitch *it) {
+        [it addTarget:self action:@selector(onSnapshotSwitch) forControlEvents:UIControlEventValueChanged];
+        [self.headerView addSubview:it];
+    }];
+    self.switchPerformance = [[UISwitch new] also:^(UISwitch *it) {
+        [it addTarget:self action:@selector(onPerformanceSwitch) forControlEvents:UIControlEventValueChanged];
+        [self.headerView addSubview:it];
+    }];
     [self initHeaders];
     [self initList];
     [DoricDev.instance addStatusCallback:self];
 }
 
+- (void)onSnapshotSwitch {
+    [DoricRegistry enableRenderSnapshot:self.switchSnapshot.isOn];
+}
+
+- (void)onPerformanceSwitch {
+    [DoricRegistry enablePerformance:self.switchPerformance.isOn];
+}
+
 - (void)disconnect {
     [DoricDev.instance closeDevMode];
 }
@@ -276,8 +312,8 @@ - (void)initHeaders {
 
         self.tvConnection.left = self.tvLabel.right + 20;
         self.tvDisconnect.right = self.view.width - 15;
-        self.tvConnection.centerY = self.headerView.centerY;
-        self.tvDisconnect.centerY = self.headerView.centerY;
+        self.tvConnection.top = 15;
+        self.tvDisconnect.top = 15;
     } else {
         self.tvConnection.text = @"Disconnected";
         self.tvInput.hidden = NO;
@@ -292,10 +328,22 @@ - (void)initHeaders {
         self.tvConnection.left = self.tvLabel.right + 20;
         self.tvScan.right = self.view.width - 15;
         self.tvInput.right = self.tvScan.left - 10;
-        self.tvConnection.centerY = self.headerView.centerY;
-        self.tvScan.centerY = self.headerView.centerY;
-        self.tvInput.centerY = self.headerView.centerY;
+
+        self.tvConnection.top = 15;
+        self.tvScan.top = 15;
+        self.tvInput.top = 15;
     }
+    self.tvSnapshot.left = self.tvLabel.right + 20;
+    self.switchSnapshot.left = self.tvSnapshot.right + 20;
+    self.switchSnapshot.top = self.tvConnection.bottom + 15;
+    self.tvSnapshot.centerY = self.switchSnapshot.centerY;
+    self.switchSnapshot.on = [DoricRegistry isEnableRenderSnapshot];
+
+    self.tvPerformance.left = self.tvLabel.right + 20;
+    self.switchPerformance.left = self.tvPerformance.right + 20;
+    self.switchPerformance.top = self.switchSnapshot.bottom + 15;
+    self.tvPerformance.centerY = self.switchPerformance.centerY;
+    self.switchPerformance.on = [DoricRegistry isEnablePerformance];
 }
 
 - (void)initList {
@@ -325,15 +373,12 @@ - (UIImage *)decodeImage:(BOOL)on {
     return [UIImage imageWithData:imageData];
 }
 
-- (NSInteger)tableView:(UITableView *)tableView
- numberOfRowsInSection:
-         (NSInteger)section {
+- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:
+        (NSInteger)section {
     return [DoricContextManager.instance aliveContexts].count;
 }
 
-- (UITableViewCell *)tableView:(UITableView *)tableView
-         cellForRowAtIndexPath:
-                 (NSIndexPath *)indexPath {
+- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
     DoricContextCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell"];
     if (cell == nil) {
         cell = [[DoricContextCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"cell"];
@@ -369,9 +414,7 @@ - (UITableViewCell *)tableView:(UITableView *)tableView
     return cell;
 }
 
-- (CGFloat)   tableView:(UITableView *)tableView
-heightForRowAtIndexPath:
-        (NSIndexPath *)indexPath {
+- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
     return 60.f;
 }
 
diff --git a/doric-iOS/Pod/Classes/DoricRegistry.h b/doric-iOS/Pod/Classes/DoricRegistry.h
index ff329b83..28b05901 100644
--- a/doric-iOS/Pod/Classes/DoricRegistry.h
+++ b/doric-iOS/Pod/Classes/DoricRegistry.h
@@ -56,6 +56,10 @@ NS_ASSUME_NONNULL_BEGIN
 + (void)enablePerformance:(BOOL)enable;
 
 + (BOOL)isEnablePerformance;
+
++ (void)enableRenderSnapshot:(BOOL)enable;
+
++ (BOOL)isEnableRenderSnapshot;
 @end
 
 NS_ASSUME_NONNULL_END
diff --git a/doric-iOS/Pod/Classes/DoricRegistry.m b/doric-iOS/Pod/Classes/DoricRegistry.m
index 2267740c..5550f9a3 100644
--- a/doric-iOS/Pod/Classes/DoricRegistry.m
+++ b/doric-iOS/Pod/Classes/DoricRegistry.m
@@ -60,6 +60,7 @@ @interface DoricLibraries : NSObject
 @property(nonatomic, strong) NSHashTable<DoricRegistry *> *registries;
 @property(nonatomic, strong) NSMutableDictionary *envDic;
 @property(nonatomic, assign) BOOL enablePerformance;
+@property(nonatomic, assign) BOOL enableRecordSnapshot;
 
 + (instancetype)instance;
 @end
@@ -71,6 +72,7 @@ - (instancetype)init {
         _registries = [NSHashTable new];
         _envDic = [NSMutableDictionary new];
         _enablePerformance = NO;
+        _enableRecordSnapshot = NO;
     }
     return self;
 }
@@ -140,6 +142,14 @@ + (BOOL)isEnablePerformance {
     return DoricLibraries.instance.enablePerformance;
 }
 
++ (void)enableRenderSnapshot:(BOOL)enable {
+    DoricLibraries.instance.enableRecordSnapshot = enable;
+}
+
++ (BOOL)isEnableRenderSnapshot {
+    return DoricLibraries.instance.enableRecordSnapshot;
+}
+
 - (void)innerRegister {
     [self registerNativePlugin:DoricShaderPlugin.class withName:@"shader"];
     [self registerNativePlugin:DoricModalPlugin.class withName:@"modal"];