diff --git a/README.md b/README.md
index d48348f..98e8120 100644
--- a/README.md
+++ b/README.md
@@ -6,6 +6,10 @@
 
 A versatile collection of utility functions for simplifying JavaScript development.
 
+## ⚡️ Online Playground
+
+[Open in CodePen](https://codepen.io/milospaunovic/pen/oNRpBoz?editors=0012)
+
 ## 🚀 Features
 
 - 📝 Strings - Versatile utilities for generating and manipulating strings.
@@ -31,6 +35,9 @@ pnpm add --save-dev @paunovic/utils
 // Importing specific function using ESM syntax
 import { uniqueIdentifier } from '@paunovic/utils'
 
+// Importing specific function directly from the URL
+import { uniqueIdentifier } from 'https://unpkg.com/@paunovic/utils'
+
 // Importing specific function using CommonJS syntax
 const { uniqueIdentifier } = require('@paunovic/utils')
 
diff --git a/docs/guide.md b/docs/guide.md
index 2472c4b..47a8b3f 100644
--- a/docs/guide.md
+++ b/docs/guide.md
@@ -8,6 +8,10 @@ next: false
 
 A versatile collection of utility functions for simplifying JavaScript development.
 
+## ⚡️ Online Playground
+
+[Open in CodePen](https://codepen.io/milospaunovic/pen/oNRpBoz?editors=0012)
+
 ## 📦 Install
 
 ```bash
@@ -27,6 +31,9 @@ pnpm add --save-dev @paunovic/utils
 // Importing specific function using ESM syntax
 import { uniqueIdentifier } from '@paunovic/utils'
 
+// Importing specific function directly from the URL
+import { uniqueIdentifier } from 'https://unpkg.com/@paunovic/utils'
+
 // Importing specific function using CommonJS syntax
 const { uniqueIdentifier } = require('@paunovic/utils')