diff --git a/examples/Umbraco.Community.BlockPreview.NoModelsTestSite/Views/Partials/blockgrid/Components/heroBlock.cshtml b/examples/Umbraco.Community.BlockPreview.NoModelsTestSite/Views/Partials/blockgrid/Components/heroBlock.cshtml
new file mode 100644
index 00000000..23580e9e
--- /dev/null
+++ b/examples/Umbraco.Community.BlockPreview.NoModelsTestSite/Views/Partials/blockgrid/Components/heroBlock.cshtml
@@ -0,0 +1,26 @@
+@inherits UmbracoViewPage
+@{
+ var backgroundColor = Model.Content?.Value("backgroundColor")?.Color;
+ var image = Model.Content?.Value("image");
+ var hasBrightContrast = Model.Content?.Value("contrast")?.Color == "#ffffff";
+}
+
+
+
+ @if (image is not null) {
+
+
+ }
+
+
+
+
@(Model.Content?.Value("headline"))
+ @* Only render if there is some content... *@
+ @if (Model.Areas.Any(a => a.Any())) {
+ @await Html.GetPreviewBlockGridItemAreasHtmlAsync(Model)
+ }
+
+
diff --git a/examples/Umbraco.Community.BlockPreview.NoModelsTestSite/Views/Partials/blockgrid/Components/imageBlock.cshtml b/examples/Umbraco.Community.BlockPreview.NoModelsTestSite/Views/Partials/blockgrid/Components/imageBlock.cshtml
new file mode 100644
index 00000000..81b1aff3
--- /dev/null
+++ b/examples/Umbraco.Community.BlockPreview.NoModelsTestSite/Views/Partials/blockgrid/Components/imageBlock.cshtml
@@ -0,0 +1,12 @@
+@inherits UmbracoViewPage
+@{
+ var image = Model.Content.Value("image");
+ if (image is not null)
+ {
+
+ }
+ else
+ {
+
Missing image
+ }
+}
diff --git a/examples/Umbraco.Community.BlockPreview.NoModelsTestSite/Views/Partials/blockgrid/Components/inspirationBlock.cshtml b/examples/Umbraco.Community.BlockPreview.NoModelsTestSite/Views/Partials/blockgrid/Components/inspirationBlock.cshtml
new file mode 100644
index 00000000..85394d04
--- /dev/null
+++ b/examples/Umbraco.Community.BlockPreview.NoModelsTestSite/Views/Partials/blockgrid/Components/inspirationBlock.cshtml
@@ -0,0 +1,22 @@
+@inherits UmbracoViewPage
+@{
+ var backgroundColor = Model.Settings?.Value("backgroundColor");
+ var hasBrightContrast = Model.Settings?.Value("contrast")?.Color == "#ffffff";
+}
+
+
+
+ Could not render component of type: @(item.Content.ContentType.Alias)
+
+ This likely happened because the partial view @partialViewName could not be found.
+
+ }
+ }
+ }
+
+ }
+
diff --git a/examples/Umbraco.Community.BlockPreview.NoModelsTestSite/Views/Partials/blocklist/Components/buttonBlock.cshtml b/examples/Umbraco.Community.BlockPreview.NoModelsTestSite/Views/Partials/blocklist/Components/buttonBlock.cshtml
new file mode 100644
index 00000000..0d31bb12
--- /dev/null
+++ b/examples/Umbraco.Community.BlockPreview.NoModelsTestSite/Views/Partials/blocklist/Components/buttonBlock.cshtml
@@ -0,0 +1,8 @@
+@inherits UmbracoViewPage
+@{
+ var button = Model.Content.Value("button");
+}
+
+
+ @button?.Name
+
diff --git a/examples/Umbraco.Community.BlockPreview.NoModelsTestSite/Views/Partials/blocklist/Components/heroBlock.cshtml b/examples/Umbraco.Community.BlockPreview.NoModelsTestSite/Views/Partials/blocklist/Components/heroBlock.cshtml
new file mode 100644
index 00000000..2a4de9ad
--- /dev/null
+++ b/examples/Umbraco.Community.BlockPreview.NoModelsTestSite/Views/Partials/blocklist/Components/heroBlock.cshtml
@@ -0,0 +1,21 @@
+@inherits UmbracoViewPage
+@{
+ var backgroundColor = Model.Content?.Value("backgroundColor")?.Color;
+ var image = Model.Content?.Value("image");
+ var hasBrightContrast = Model.Content?.Value("contrast")?.Color == "#ffffff";
+}
+
+