diff --git a/README.md b/README.md
index 13b1c048..82df1b31 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,7 @@
# Theme Elementary
+
+
A starter theme that facilitates a quick head start for developing new [block-based themes](https://developer.wordpress.org/block-editor/how-to-guides/themes/block-theme-overview/) along with a bunch of developer-friendly features.
- [Understand the Folder Structure](https://github.com/rtCamp/theme-elementary#understand-the-folder-structure-open_file_folder)
diff --git a/assets/src/css/core-navigation.scss b/assets/src/css/core-navigation.scss
new file mode 100644
index 00000000..34cf0a96
--- /dev/null
+++ b/assets/src/css/core-navigation.scss
@@ -0,0 +1,3 @@
+/**
+ * Custom styles required for the core Navigatino block.
+ */
diff --git a/assets/src/js/core-navigation.js b/assets/src/js/core-navigation.js
new file mode 100644
index 00000000..0b470122
--- /dev/null
+++ b/assets/src/js/core-navigation.js
@@ -0,0 +1,8 @@
+/**
+ * Custom script required for the core Navigatino block.
+ */
+
+/**
+ * Internal dependencies
+ */
+import '../css/core-navigation.scss';
diff --git a/assets/src/js/index.js b/assets/src/js/index.js
deleted file mode 100644
index e69de29b..00000000
diff --git a/inc/classes/class-assets.php b/inc/classes/class-assets.php
new file mode 100644
index 00000000..895c3e2c
--- /dev/null
+++ b/inc/classes/class-assets.php
@@ -0,0 +1,163 @@
+setup_hooks();
+
+ }
+
+ /**
+ * Setup hooks.
+ *
+ * @since 1.0.0
+ */
+ public function setup_hooks() {
+ add_action( 'wp_enqueue_scripts', [ $this, 'register_assets' ] );
+ add_filter( 'render_block', [ $this, 'enqueue_block_specific_assets' ], 10, 2 );
+ }
+
+ /**
+ * Register assets.
+ *
+ * @since 1.0.0
+ *
+ * @action wp_enqueue_scripts
+ */
+ public function register_assets() {
+
+ $this->register_script( 'core-navigation', 'js/core-navigation.js' );
+ $this->register_style( 'core-navigation', 'css/core-navigation.css' );
+ }
+
+ /**
+ * Enqueue block specific assets.
+ *
+ * @param string $markup Markup of the block.
+ * @param array $block Array with block information.
+ *
+ * @since 1.0.0
+ */
+ public function enqueue_block_specific_assets( $markup, $block ) {
+ if ( is_array( $block ) && ! empty( $block['blockName'] ) && 'core/navigation' === $block['blockName'] ) {
+ wp_enqueue_script( 'core-navigation' );
+ wp_enqueue_style( 'core-navigation' );
+ }
+
+ return $markup;
+ }
+
+ /**
+ * Get asset dependencies and version info from {handle}.asset.php if exists.
+ *
+ * @param string $file File name.
+ * @param array $deps Script dependencies to merge with.
+ * @param string $ver Asset version string.
+ *
+ * @return array
+ */
+ public function get_asset_meta( $file, $deps = [], $ver = false ) {
+ $asset_meta_file = sprintf( '%s/js/%s.asset.php', untrailingslashit( ELEMENTARY_THEME_BUILD_DIR ), basename( $file, '.' . pathinfo( $file )['extension'] ) );
+ $asset_meta = is_readable( $asset_meta_file )
+ ? require $asset_meta_file
+ : [
+ 'dependencies' => [],
+ 'version' => $this->get_file_version( $file, $ver ),
+ ];
+
+ $asset_meta['dependencies'] = array_merge( $deps, $asset_meta['dependencies'] );
+
+ return $asset_meta;
+ }
+
+ /**
+ * Register a new script.
+ *
+ * @param string $handle Name of the script. Should be unique.
+ * @param string|bool $file script file, path of the script relative to the assets/build/ directory.
+ * @param array $deps Optional. An array of registered script handles this script depends on. Default empty array.
+ * @param string|bool|null $ver Optional. String specifying script version number, if not set, filetime will be used as version number.
+ * @param bool $in_footer Optional. Whether to enqueue the script before instead of in the