diff --git a/examples/boilerplates/react-buildless/index.html b/examples/boilerplates/react-buildless/index.html
index 67fad032..8c8595bb 100644
--- a/examples/boilerplates/react-buildless/index.html
+++ b/examples/boilerplates/react-buildless/index.html
@@ -24,11 +24,9 @@
     <script type="text/babel" data-type="module">
       import React, { useState, useEffect } from 'react';
       import { createRoot } from 'react-dom/client';
-      import { init } from 'zebar';
+      import * as zebar from 'zebar';
 
-      const zebarCtx = await init();
-
-      const providers = await zebarCtx.createProviderGroup({
+      const providers = await zebar.createProviderGroup({
         cpu: { type: 'cpu' },
         battery: { type: 'battery' },
         memory: { type: 'memory' },
diff --git a/examples/starter/vanilla.html b/examples/starter/vanilla.html
index c03f3dfc..c3df66d5 100644
--- a/examples/starter/vanilla.html
+++ b/examples/starter/vanilla.html
@@ -24,11 +24,9 @@
     <script type="text/babel" data-type="module">
       import React, { useState, useEffect } from 'react';
       import { createRoot } from 'react-dom/client';
-      import { init } from 'zebar';
+      import * as zebar from 'zebar';
 
-      const zebarCtx = await init();
-
-      const providers = await zebarCtx.createProviderGroup({
+      const providers = await zebar.createProviderGroup({
         network: { type: 'network' },
         cpu: { type: 'cpu' },
         date: { type: 'date', formatting: 'EEE d MMM t' },
diff --git a/examples/starter/with-glazewm.html b/examples/starter/with-glazewm.html
index 1dcbd05a..3efb0d14 100644
--- a/examples/starter/with-glazewm.html
+++ b/examples/starter/with-glazewm.html
@@ -24,11 +24,9 @@
     <script type="text/babel" data-type="module">
       import React, { useState, useEffect } from 'react';
       import { createRoot } from 'react-dom/client';
-      import { init } from 'zebar';
+      import * as zebar from 'zebar';
 
-      const zebarCtx = await init();
-
-      const providers = await zebarCtx.createProviderGroup({
+      const providers = await zebar.createProviderGroup({
         network: { type: 'network' },
         glazewm: { type: 'glazewm' },
         cpu: { type: 'cpu' },
diff --git a/examples/starter/with-komorebi.html b/examples/starter/with-komorebi.html
index a527fb09..445f8b44 100644
--- a/examples/starter/with-komorebi.html
+++ b/examples/starter/with-komorebi.html
@@ -24,11 +24,9 @@
     <script type="text/babel" data-type="module">
       import React, { useState, useEffect } from 'react';
       import { createRoot } from 'react-dom/client';
-      import { init } from 'zebar';
+      import * as zebar from 'zebar';
 
-      const zebarCtx = await init();
-
-      const providers = await zebarCtx.createProviderGroup({
+      const providers = await zebar.createProviderGroup({
         network: { type: 'network' },
         komorebi: { type: 'komorebi' },
         cpu: { type: 'cpu' },