We’re excited to launch our new Credits Widget Suite - a set of embeddable, plug-and-play UI components that surface key credit-based usage insights inside your customer portal or product.

🌟 What’s Included

• Credit Balance Widget – shows the customer’s live credit balance. 
• Credit Utilization Widget – visualizes credits consumed vs available. 
• Credit Grants Table Widget – displays all credit grants (purchased, promotional, expired), their status, remaining amounts & expiry.  
• Credit Usage Chart Widget – provides a time-series view of credit consumption by feature or date, giving users insight into how credits are being spent.  

💡 Why This Matters

• Customer visibility & trust: Your end-users get clear, self-serve access to their credit balance, usage trends, and grant history - reducing billing friction and support load.
• Shorter time-to-market: Embed our widgets instead of building custom UI from scratch - get credit-based pricing visible in your product portal in hours, not weeks.
• Monetization acceleration: Customers see their spend, usage and remaining credits - making top-ups and add-ons more intuitive and timely.
• Full customization: Align the styling of the widgets with your brand using CSS.

🛠 How to Get Started

1. Integrate Stigg's frontend SDK in your application.
2. Choose which widgets make sense for your UX, for example: balance + utilization for quick view; grants + usage chart for deeper context.
3. Embed the selected widgets into your application.
4. Customize the widgets to fit your brand and product experience.
5. Launch to customers and monitor: you’ll gain insight into usage patterns, top-up behaviours, and potential opportunities for upsells.

Learn more in our documentation.

📦  Availability

This new widgets are available in the latest versions of our SDKs:

• React: v7.9.0
• Vue: v5.5.1
• Embed: v6.5.1

🍿 See it in action

• Credit Balance Widget
  
• Credit Utilization Widget
  
• Credit Grants Table Widget
  
• Credit Usage Chart Widget