diff --git a/bricks/build.sh b/bricks/build.sh
index 8a1a0f7..9f287d9 100755
--- a/bricks/build.sh
+++ b/bricks/build.sh
@@ -1,5 +1,5 @@
 SOURCES=" page_data_loader.js factory.js uitypesdef.js utils.js uitype.js \
-	i18n.js widget.js layout.js bricks.js image.js html.js \
+	i18n.js widget.js layout.js bricks.js image.js html.js splitter.js \
 	jsoncall.js myoperator.js scroll.js menu.js popup.js modal.js running.js \
 	markdown_viewer.js video.js audio.js toolbar.js tab.js \
 	input.js registerfunction.js button.js accordion.js dataviewer.js \
diff --git a/bricks/css/bricks.css b/bricks/css/bricks.css
index 9d8a10f..baff075 100755
--- a/bricks/css/bricks.css
+++ b/bricks/css/bricks.css
@@ -6,10 +6,18 @@ body {
 	overflow: auto;
 	display: flex;
 }
+
 * {
 	box-sizing: border-box!important;
 }
 
+hr {
+	border: 0;
+	height: 1px;
+	background-color: #8a8a8a;
+	width: 80%;
+}
+
 .flexbox {
 	height: 100%;
 	width: 100%;
diff --git a/bricks/splitter.js b/bricks/splitter.js
new file mode 100644
index 0000000..94f7d85
--- /dev/null
+++ b/bricks/splitter.js
@@ -0,0 +1,11 @@
+
+var bricks = window.bricks || {};
+bricks.Splitter = class extends bricks.JsWidget {
+	constructor(ops){
+		super({});
+	}
+	create(){
+		this.dom_element = this._create('hr')
+	}
+}
+bricks.Factory.register('Splitter', bricks.Splitter);