Variant specimen · Gradient Notion Streaks

Gradient Notion Streak Tracker

Track daily habit streaks in Notion with a colorful gradient widget that keeps routines visible on aesthetic productivity dashboards.

Variant specimen
Gradient Notion Streak Tracker variant specimen
Preview

Inspect the widget before it reaches a live page.

Configure

Tune labels, data, colors, and layout from one editor.

Publish

Embed the finished specimen back into Notion.

Specimen notes — Gradient Notion Streak Tracker

Gradient Streak Tracker Widget for Notion

The Gradient Streak Tracker adds a colorful touch to your daily routine tracking. With animated gradient fills, smooth transitions, and a focus on visual consistency, this widget is perfect for aesthetic dashboards or themed productivity setups.

Your streak isn’t just a number—it’s a gradient of effort, beautifully displayed.


Use Cases

  • Aesthetic Notion Pages: Match your streak display with your workspace theme.
  • Study Motivation: Reinforce consistency with a visual gradient that grows.
  • Colorful Habit Logs: Track routines like journaling, reading, or workouts.
  • Mood or Wellness Routines: Use soft color transitions to reflect positive streaks.
  • Creative Dashboards: Add flair without compromising clarity.

Features

  • Animated gradient fill that increases with streak count
  • Custom start and end colors (or select from preset themes)
  • Smooth transitions as streaks increase or reset
  • Optional labels: current streak, longest streak, or both
  • Responsive layout with support for inline or card-style embedding

Customization Options

  • Link to a Notion database with date-based tracking
  • Choose gradient direction: horizontal, vertical, radial
  • Set gradient color pair (hex or theme presets)
  • Toggle number display format (e.g., "7-day streak")
  • Customize text color, font size, spacing, and card background
  • Optional animation on streak update or reset

Syncs in Real Time

Just like all Blocky widgets, the Gradient Streak Tracker pulls directly from your Notion database. When you check off a task or log a day, your streak and its color update instantly.


How to Embed in Notion

  1. Open Blocky and select the Gradient Streak Tracker variant.
  2. Connect your Notion database and set up your streak field.
  3. Choose your gradient colors and styling options.
  4. Copy your embed URL.
  5. Paste it into Notion using /embed.

Track your streaks with color, flow, and style.