Gradient Habit Tracker Widget for Notion

The Gradient Habit Tracker adds vibrant color and aesthetic flair to your daily routines. Perfect for creative dashboards, mood boards, or visually-inspired workspaces, this variant transforms your habits into a dynamic, colorful grid—while keeping everything in sync with your Notion database.

Whether you're building a themed productivity system or just want your habits to look as good as they feel, Gradient brings style to structure.

---

✅ Use Cases

• 🎨 Aesthetic Dashboards: Use gradients to reflect your workspace vibe.
• 🧘 Mood-Driven Routines: Let color reflect your emotional momentum or self-care.
• 📚 Study Tracker: Make your study streaks shine with vibrant progress colors.
• 📅 Year-at-a-Glance Pages: Add visual interest to long-term routine grids.
• 🎯 Themed Goal Boards: Tie habit progress to a color-coded system or section.

---

🎨 Features

• Smooth gradient fill for each tracked habit
• Fully customizable color palette (from → to)
• Grid layout with optional borders or shadow accents
• Responsive for mobile, tablet, and desktop
• Optional day/week headers and hover tooltips

---

⚙️ Customization Options

• Connect to a Notion database with date + status or checkbox fields
• Select gradient direction (left-right, top-bottom, radial)
• Choose individual habit colors or apply a theme
• Adjust grid density (7, 14, 30 days)
• Customize card radius, spacing, and animation on hover
• Add optional progress indicators or fade transitions

---

🔁 Real-Time Sync

Gradient Habit Tracker is always up to date with your Notion data. Add a log, tick a box, or complete a habit — and the visual grid updates in real time.

---

🧩 How to Embed in Notion

1. Go to Blocky and select the Gradient Habit Tracker variant.
2. Connect your Notion database.
3. Customize gradient colors and visual layout.
4. Copy your unique embed URL.
5. Paste into Notion using /embed.

Now your habits are as satisfying to look at as they are to complete.

---

Add Gradient Habit Tracker to Your Workspace

Customize and embed the Gradient Habit Tracker widget into your Notion page for enhanced productivity and style.

Start Customizing