How to create streaks in Notion

You can create streaks in Notion with the Blocky streak tracker. It counts the days in a row that you keep a habit, right on your page. Press Check in today once a day, and the streak grows. Miss a day, and it starts again.

Viewers of a public Embed can use the controls of the tracker, such as checking in, and Blocky saves those changes.

Notion data

The streak tracker does not take Notion data.

Create a streak tracker and embed it in Notion

1. In the Blocky dashboard, click Create widget.
2. Under Category, choose Misc.
3. Under Widget type, choose Streaks. This is the streak tracker.
4. Under Style, choose a template, such as Normal.
5. Click Open editor.
6. Change the text, colors, and settings of the tracker in the editor.
7. Click Save. Blocky publishes the tracker and opens the dashboard.
8. On the card of the tracker, click Copy.
9. In Copy embed link, copy the link on the Public tab. Anyone who has a Private link can use it, so use a private link only on pages that you control.
10. In Notion, open the page for the tracker. Type /embed, choose Embed, and paste the link.
11. Confirm the embed. If the tracker needs more space, resize the embed block.

Templates

The create dialog lists the templates of the streak tracker under Style:

• Normal (Normal streak tracker). A white card with a light blue header, a large day count, and a blue bar toward your milestone.
• Retro (Retro streak tracker). A cream card with a thick amber border and a monospace day count in green on black.
• Gamified (Gamified streak tracker). An indigo header with your day count and a level badge, plus an XP bar and star badges. Every 5 days in a row adds a level.
• Minimalist (Minimalist streak tracker). A white card with one quiet row that holds your day count and a plain Check in today button.
• Gradient (Gradient streak tracker). A purple-to-pink header shows your day count, with a bar toward the next milestone below it.

Inputs

The streak tracker has no Inputs tab. Its main setting is on the progress element, which the Elements panel names Bar or Cells after its style. Select it, and then open the Appearance tab:

• Milestone days is the length of the streak that the bar or the cells fill toward, from 2 to 30 days.
• Style shows the progress as a Bar or as Cells.