Widget Demo
Drop-in JavaScript widget that works anywhere. No build tools, no configuration - just add a script tag and go!
🎯 How It Works
Add Script Tag
Include the Content Growth widget script in your HTML - that's it!
Add Container
Place a simple div where you want your content to appear.
Initialize Widget
Call one line of JavaScript to load your content dynamically.
💻 Complete Example
<!DOCTYPE html>
<html>
<head>
<title>My Blog</title>
<!-- Step 1: Add the widget script -->
<script src="https://unpkg.com/@contentgrowth/content-widget@latest/dist/widget/widget.js"></script>
<link rel="stylesheet" href="https://unpkg.com/@contentgrowth/content-widget@latest/dist/styles.css">
</head>
<body>
<h1>My Blog</h1>
<!-- Step 2: Add a container -->
<div id="my-articles"></div>
<!-- Step 3: Initialize the widget -->
<script>
new ContentGrowthWidget(
document.getElementById('my-articles'),
{
apiKey: 'your-api-key',
baseUrl: 'https://api.content-growth.com',
mode: 'list',
category: 'guide',
pageSize: 6
}
);
</script>
</body>
</html>✨ That's it! Your content will load dynamically from Content Growth.
🎨 Live Demo
This page itself uses the pure frontend widget! All content below is loaded dynamically via JavaScript.
⚖️ Which Approach Should You Choose?
SEO-Friendly Integration
Best for: Blogs, documentation, marketing sites, content-heavy pages
Perfect SEO
Search engines see full content
Unique URLs
Each article has its own page
Fast Initial Load
Content rendered on server
Pure Frontend Widget
Best for: Dashboards, SPAs, admin panels, dynamic content areas
Zero Setup
Just add a script tag
Universal
Works with any tech stack
Dynamic Updates
Content updates instantly
Ready to Get Started?
Write once in Content Growth, present anywhere with our powerful widgets