Subscribe to Updates
ChangelogFeature RequestsRoadmapKnowledge Base

Knowledge Base

Powered byCreate yours, for free!
Knowledge Base
  • Getting Started0
    • Welcome to AnnounceKit4
    • How AnnounceKit plans work?1
  • FAQ0
    • General5
    • Posts6
    • People1
    • Activity2
    • Analytics2
    • Widgets10
      • Is it possible to change the icon of the Floating Badge to whatever icon I want?
      • Do you have widget samples for React, Angular and Vue?
      • What is the rate limit error I am getting?
      • How can I apply custom CSS to change the badge launcher to an icon?
      • Can I use multiple widgets on my page?
      • Can I use the same widget for two different websites?
      • Is it possible to hide the header on my widgets?
      • Can I hide the widgets after all read?
      • Is there a way for the widget to display new notifications without the user having to refresh the page?
      • How can I display a preview of an image in the widgets?
    • Feed13
    • Subscriptions3
    • User Tracking & Segmentation6
  • Dashboard & Settings0
    • Posts6
    • People1
    • Activity2
    • Overview Dashboard2
    • Roadmap6
    • Feature Request3
    • Settings12
  • Widgets0
    • Widgets1
    • Launchers2
  • Subscriptions0
    • E-mail Subscriptions2
    • Slack Subscriptions1
    • RSS Subscriptions1
  • Video Guides 📘0
    • Handbooks1
    • Video Tutorials5
  • Integrations8
    • Announcements3
    • Changelog5
    • AnnounceKit NPS3
  • Documentation0
    • Widgets6
    • Other8
    • GraphQL Documentation5
  1. Knowledge Base›
  2. FAQ›
  3. Widgets›
  4. Do you have widget samples for React, Angular and Vue?

Do you have widget samples for React, Angular and Vue?

Written by Oguz·Last updated 08/13/2026

Here, you can find samples and coding for ReactJs,VueJS and Angular.
Their respective documentation can be found by clicking on their names

ReactJS


Embed Widget: https://codesandbox.io/s/announcekit-react-embed-sample-r8fq65

Popup Widget: https://codesandbox.io/s/announcekit-react-popup-sample-212h47

Modal Widget: https://codesandbox.io/s/announcekit-react-modal-sample-hgjbne

VueJS


Embed Widget: https://codesandbox.io/s/announcekit-vue-embed-sample-n5hrhr

Popup Widget: https://codesandbox.io/s/announcekit-vue-popup-sample-m04msj

Modal Widget: https://codesandbox.io/s/announcekit-vue-modal-sample-o0c15o

Angular


Embed Widget: https://codesandbox.io/s/announcekit-angular-embed-sample-13uthj

Popup Widget: https://codesandbox.io/s/announcekit-angular-popup-sample-iw0ehl

Modal Widget: https://codesandbox.io/s/announcekit-angular-modal-sample-nxbtg




Was this helpful?

More in Widgets

  • Help center articleIs it possible to change the icon of the Floating Badge to whatever icon I want?
  • Help center articleWhat is the rate limit error I am getting?
  • Help center articleHow can I apply custom CSS to change the badge launcher to an icon?
  • Help center articleCan I use multiple widgets on my page?
  • Help center articleCan I use the same widget for two different websites?