diff --git a/BlazorBootstrap.Demo.RCL/Components/Layout/MainLayout.razor b/BlazorBootstrap.Demo.RCL/Components/Layout/MainLayout.razor
index 615481918..d039a635a 100644
--- a/BlazorBootstrap.Demo.RCL/Components/Layout/MainLayout.razor
+++ b/BlazorBootstrap.Demo.RCL/Components/Layout/MainLayout.razor
@@ -70,7 +70,7 @@
                     }
                 </ul>
             </div>
-            <div class="col-6 col-lg-2 offset-lg-1 mb-3">
+            <div class="col-6 col-lg-2 mb-3">
                 <h5>Links</h5>
                 <ul class="list-unstyled">
                     <li class="mb-2"><a href="/">Home</a></li>
@@ -96,7 +96,13 @@
                     <li class="mb-2"><a href="@StackoverflowUrl" target="_blank" rel="noopener">Stack Overflow</a></li>
                 </ul>
             </div>
-            <div class="col-6 col-lg-2 mb-3"></div>
+            <div class="col-6 col-lg-2 mb-3">
+                <h5>Blazor Express</h5>
+                <ul class="list-unstyled">
+                    <li class="mb-2"><a href="https://bulma.blazorexpress.com/" target="_blank" rel="noopener">BlazorExpress.Bulma</a></li>
+                    <li class="mb-2"><a href="https://chartjs.blazorexpress.com/" target="_blank" rel="noopener">BlazorExpress.ChartJS</a></li>
+                </ul>
+            </div>
         </div>
     </FooterSection>
 </BlazorBootstrapLayout>
diff --git a/BlazorBootstrap.Demo.RCL/Components/Layout/MainLayoutBaseFooter.razor b/BlazorBootstrap.Demo.RCL/Components/Layout/MainLayoutBaseFooter.razor
index de129b136..521df3958 100644
--- a/BlazorBootstrap.Demo.RCL/Components/Layout/MainLayoutBaseFooter.razor
+++ b/BlazorBootstrap.Demo.RCL/Components/Layout/MainLayoutBaseFooter.razor
@@ -45,7 +45,13 @@
                     <li class="mb-2"><a href="@StackoverflowUrl" target="_blank" rel="noopener">Stack Overflow</a></li>
                 </ul>
             </div>
-            <div class="col-6 col-lg-2 mb-3"></div>
+            <div class="col-6 col-lg-2 mb-3">
+                <h5>Other Packages</h5>
+                <ul class="list-unstyled">
+                    <li class="mb-2"><a href="https://bulma.blazorexpress.com/" target="_blank" rel="noopener">BlazorExpress.Bulma</a></li>
+                    <li class="mb-2"><a href="https://chartjs.blazorexpress.com/" target="_blank" rel="noopener">BlazorExpress.ChartJS</a></li>
+                </ul>
+            </div>
         </div>
     </div>
 </div>
diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/BarCharts/BarChartDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/BarCharts/BarChartDocumentation.razor
index 45adfccd6..155bcac3c 100644
--- a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/BarCharts/BarChartDocumentation.razor
+++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/BarCharts/BarChartDocumentation.razor
@@ -42,6 +42,8 @@
 <Section Size="HeadingSize.H4" Name="Data labels" PageUrl="@pageUrl" Link="data-labels" />
 <Demo Type="typeof(BarChart_Demo_05_Stacked_BarChart_with_Datalabels)" Tabs="true" />
 
+<ChartJSCallout />
+
 @code {
     private const string pageUrl = RouteConstants.Demos_BarChart_Documentation;
     private const string pageTitle = "Blazor Bar Chart";
diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/ChartsDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/ChartsDocumentation.razor
index 211eb96f0..559f7eb5d 100644
--- a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/ChartsDocumentation.razor
+++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/ChartsDocumentation.razor
@@ -38,6 +38,8 @@
     </div>
 </Section>
 
+<ChartJSCallout />
+
 @code {
     private const string pageUrl = RouteConstants.Demos_Charts_Documentation;
     private const string pageTitle = "Blazor Charts";
diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/DoughnutCharts/DoughnutChartDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/DoughnutCharts/DoughnutChartDocumentation.razor
index 9b8b9897d..d7b1749b3 100644
--- a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/DoughnutCharts/DoughnutChartDocumentation.razor
+++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/DoughnutCharts/DoughnutChartDocumentation.razor
@@ -32,6 +32,8 @@
     <Demo Type="typeof(DoughnutChart_Demo_02_Datalabels)" Tabs="true" />
 </Section>
 
+<ChartJSCallout />
+
 @code {
     private const string pageUrl = RouteConstants.Demos_DoughnutChart_Documentation;
     private const string pageTitle = "Blazor Doughnut Chart";
diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/LineCharts/LineChartDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/LineCharts/LineChartDocumentation.razor
index 441b7f087..e4d833a46 100644
--- a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/LineCharts/LineChartDocumentation.razor
+++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/LineCharts/LineChartDocumentation.razor
@@ -54,6 +54,8 @@
     <Demo Type="typeof(LineChart_Demo_06_Dataset_Fill)" Tabs="true" />
 </Section>
 
+<ChartJSCallout />
+
 @code {
     private const string pageUrl = RouteConstants.Demos_LineChart_Documentation;
     private const string pageTitle = "Blazor Line Chart";
diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/PieCharts/PieChartDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/PieCharts/PieChartDocumentation.razor
index 3434be298..f7a864db0 100644
--- a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/PieCharts/PieChartDocumentation.razor
+++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/PieCharts/PieChartDocumentation.razor
@@ -39,6 +39,8 @@
     <Demo Type="typeof(PieChart_Demo_03_Change_Legend_Position)" Tabs="true" />
 </Section>
 
+<ChartJSCallout />
+
 @code {
     private const string pageUrl = RouteConstants.Demos_PieChart_Documentation;
     private const string pageTitle = "Blazor Pie Chart";
diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/PolarAreaCharts/PolarAreaChartDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/PolarAreaCharts/PolarAreaChartDocumentation.razor
index 14917b9ef..33dfa6827 100644
--- a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/PolarAreaCharts/PolarAreaChartDocumentation.razor
+++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/PolarAreaCharts/PolarAreaChartDocumentation.razor
@@ -28,6 +28,8 @@
     <Demo Type="typeof(PolarAreaChart_Demo_01_Examples)" Tabs="true" />
 </Section>
 
+<ChartJSCallout />
+
 @code {
     private const string pageUrl = RouteConstants.Demos_PolarAreaChart_Documentation;
     private const string pageTitle = "Blazor Polar Area Chart";
diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/RadarCharts/RadarChartDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/RadarCharts/RadarChartDocumentation.razor
index c6e1abec6..29cf3d8da 100644
--- a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/RadarCharts/RadarChartDocumentation.razor
+++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/RadarCharts/RadarChartDocumentation.razor
@@ -28,6 +28,8 @@
     <Demo Type="typeof(RadarChart_Demo_01_Examples)" Tabs="true"/>
 </Section>
 
+<ChartJSCallout />
+
 @code {
     private const string pageUrl = RouteConstants.Demos_RadarChart_Documentation;
     private const string pageTitle = "Blazor Radar Chart";
diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/ScatterCharts/ScatterChartDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/ScatterCharts/ScatterChartDocumentation.razor
index 737a05ce0..8d365c78e 100644
--- a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/ScatterCharts/ScatterChartDocumentation.razor
+++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/ScatterCharts/ScatterChartDocumentation.razor
@@ -37,6 +37,8 @@
     <Demo Type="typeof(ScatterChart_Demo_02_Dynamic_Data)" Tabs="true" />
 </Section>
 
+<ChartJSCallout />
+
 @code {
     private const string pageUrl = RouteConstants.Demos_ScatterChart_Documentation;
     private const string pageTitle = "Blazor Scatter Chart";
diff --git a/BlazorBootstrap.Demo.RCL/Components/Shared/ChartJSCallout.razor b/BlazorBootstrap.Demo.RCL/Components/Shared/ChartJSCallout.razor
new file mode 100644
index 000000000..b8753031b
--- /dev/null
+++ b/BlazorBootstrap.Demo.RCL/Components/Shared/ChartJSCallout.razor
@@ -0,0 +1,8 @@
+@namespace BlazorBootstrap.Demo.RCL
+
+<Callout Color="CalloutColor.Warning" HideHeading="true">
+    <h4>Using charts only</h4>
+    <p>If you only need chart components (without the rest of the Blazor Bootstrap UI), install the <b>BlazorExpress.ChartJS</b> package from NuGet.</p>
+    <pre class="mb-2">> dotnet add package BlazorExpress.ChartJS</pre>
+    <p>For setup and usage details, see the <a href="https://chartjs.blazorexpress.com/docs/getting-started/introduction" target="_blank" rel="noopener">BlazorExpress.ChartJS getting started guide</a>.</p>
+</Callout>
\ No newline at end of file