github/relative-time-element

Web component extensions to the standard <time> element.

View on GitHub ↗Jump to charts ↓Open shareable report

Summary Information

Updated 1 hour ago
Type:Library / SDKCategory(s):UI Components & Design SystemsWeb Development
Added to GitGenius on September 17th, 2026
Created on April 22nd, 2014
Open Issues & Pull Requests: 21 (+0)
GitHub issues: Enabled
Number of forks: 192
Total Stargazers: 4,033 (+0)
Total Subscribers: 332 (+0)

Repository Insights (GitGenius)

Median issue/PR response: 14.5 hours
Mean response time: 22.8 days
90th percentile: 168.0 days
Tracked items: 17

Most active contributors

Sign in to see contributor activity.

Charts & Analytics

Fetching additional details & charts...

Issue Activity (beta)

Open issues: 6
New in 7 days: 0
Closed in 7 days: 0
Avg open age: 786 days
Stale 30+ days: 4
Stale 90+ days: 4

Recent activity

Opened in 7 days: 0
Closed in 7 days: 0
Comments in 7 days: 0
Events in 7 days: 0

Top labels

  • bug (1)
  • enhancement (1)
  • help wanted (1)

Most active issues this week

No issue events were indexed in the last 7 days.

Detailed Description

relative-time-element is a web component that extends the standard HTML time element.

The tool solves the problem of displaying human-readable relative timestamps in web applications. Rather than showing raw ISO 8601 datetime strings, it renders time values in formats like "2 hours ago" or "in 3 days", automatically updating as time passes. The component wraps the standard time element and handles the conversion and refresh logic internally, allowing developers to write semantic HTML while gaining dynamic relative time display without custom JavaScript.

Developers should choose this tool when building applications that display timestamps to users and want to avoid managing relative time calculations and updates manually. It suits any project using web components or modern HTML where timestamps appear in feeds, comments, activity logs, or similar contexts. The component integrates with the standard time element rather than replacing it, preserving semantic meaning and accessibility. It includes built-in localization support and timezone handling, making it suitable for applications serving international audiences.

The project shows consistent maintenance with regular updates addressing bug fixes and feature improvements. Development activity demonstrates responsiveness to user-reported issues and pull requests. The maintainers actively refine the component's behavior based on feedback and edge cases discovered in real-world usage.