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
- Open Blocky and select the Gradient Streak Tracker variant.
- Connect your Notion database and set up your streak field.
- Choose your gradient colors and styling options.
- Copy your embed URL.
- Paste it into Notion using
/embed.
Track your streaks with color, flow, and style.