Canvas Assignment Deadline Countdown

WHAT IT DOES

Canvas Assignment Deadline Countdown automatically detects assignment due dates on Canvas LMS pages and adds compact countdown badges to each assignment showing the time remaining. The badge displays days, hours, and minutes until the deadline, with color-coded urgency — green for plenty of time, yellow for approaching, orange for soon, and red for urgent or past due. A summary panel shows all upcoming deadlines in a sortable list, helping you prioritize your work and never miss a submission deadline.

WHERE IT RUNS

This extension works exclusively on Canvas LMS at *.instructure.com. It functions on assignment pages, grade pages, course homepages, and any page displaying assignment due dates. The tool works across all Canvas instances and adapts to various date display formats.

HOW TO USE

Install the extension and navigate to any Canvas page with assignments. Compact countdown badges appear next to each assignment deadline showing the time remaining. The overlay panel shows a summary of all upcoming deadlines sorted by due date. Use the overlay panel to customize the experience: toggle countdown badges on or off, toggle the summary panel on or off, choose the countdown format (Days + Hours or Hours + Minutes), toggle past-due display on or off, and click "Refresh Deadlines" to manually update the countdowns. The status area shows how many deadlines are detected, and the countdowns update automatically every minute.

TECHNICAL SECTION — DEADLINE DETECTION AND COUNTDOWN ENGINE

The extension uses a multi-strategy detection engine to find assignment due dates on Canvas pages. It scans for date elements using selectors like .due-date, .assignment-due-date, and datetime attributes. It also parses text for date patterns in multiple formats. Each detected deadline is associated with its assignment name by finding the parent container and extracting the name from title elements. The countdown engine calculates the time remaining in days, hours, and minutes, and color-codes the badge based on configurable urgency thresholds. The summary panel sorts deadlines chronologically and displays them in a scrollable list. All countdowns update automatically every minute, and a MutationObserver re-scans the page for new deadlines.

THE PANEL — DRAG / PER-SITE POSITION / SNAP / COLLAPSE / RESIZE / ESCAPE

The overlay panel is fully interactive and designed for seamless multitasking. Drag it anywhere on the screen using the handle at the top of the panel; the position is saved per site so it stays where you left it across sessions. The panel includes a snap-to-edge feature that gently anchors the overlay to the nearest screen edge when released. Click the collapse button to minimize the panel to a compact pill showing the current deadline status; expand it again with a single click. Resize the panel vertically by dragging the bottom-right corner to view more deadlines. Press the Escape key at any time to instantly close the overlay; it reappears on the next page navigation or refresh.

PLEASE NOTE

This extension requires the free BotGentz companion extension to function, as it provides the underlying content script injection and cross-origin communication framework. No personal data, browsing history, or assignment data is stored, transmitted, or shared. Settings are stored locally in your browser using GM_setValue and are never sent to any external server. The extension does not access or store login credentials, financial data, or personally identifiable information. The tool reads due date information visible on the page and does not access Canvas's API or any private data. Canvas may update its page structure; the extension includes multiple detection strategies to maintain compatibility, but major redesigns may temporarily affect deadline detection. Countdowns are estimates based on your system time and should be verified against official Canvas deadlines.