Skip to content
Perkadoo
Free embed · No sign-up

Add a streak counter to Framer

Show off the days in a row. A Streak Badge counts your check-ins and updates on Framer by itself.

Make your Streak BadgeMore for Framer →
Streak BadgeChecked in ✓
7day streak
Doo's proud.

Set it up in 5 steps

  1. Name your habit in the free Streak Badge maker and create your streak.
  2. Choose the Framer tab and copy the code.
  3. In Framer, open the Insert menu, search for Embed and drag it onto the canvas.
  4. Switch the Embed to HTML and paste the code.
  5. Publish and check the live site.

What you'll paste looks like this:

<a href="https://perkadoo.com/s/YOUR_BADGE"><img src="https://api.perkadoo.com/v1/badges/YOUR_BADGE.svg" alt="My streak on Perkadoo" height="48"></a>

Streaks for your members

The badge is your streak. With Perkadoo Streaks, every signed-in member gets their own, counted from your backend or an automation.

  1. Open Project settings → Custom Code and click Add Script.
  2. Paste the widget script and place it at the end of the body.
  3. Publish the site.
<script
  src="https://cdn.perkadoo.com/widget.js"
  data-project="YOUR_PROJECT_KEY"
  data-event="YOUR_ACTION"
  data-member="SIGNED_IN_MEMBER_EMAIL_OR_ID"
  data-position="bottom-right"
  async
></script>

Full Framer streak setup →

Questions

Can I show a streak counter on Framer?

Yes. The Streak Badge is an image, so it works wherever Framer accepts the code.

Can my members get their own streaks?

Yes, with Perkadoo Streaks. Add the streak widget to Framer and count each member's actions from your backend or an automation.

Is the Streak Badge free?

Yes, with no sign-up. Sign up free to check in from any device.

More for Framer

Streak counter on other builders

If it can send a webhook, it can keep a streak.

Start a program, send one test action and watch the flame light up.

Start free