github-elements
relative-time-element
github-elements | relative-time-element | |
---|---|---|
14 | 2 | |
2,640 | 2,980 | |
0.3% | 1.9% | |
0.0 | 5.1 | |
5 months ago | about 1 month ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
github-elements
-
What Web Frameworks Solve And How To Do Without Them
Take a look at github's web components: https://github.com/github/github-elements it's similar. There is no library there, it's just a collection of separate components, the only difference there is that their collection is split into different github repositories, I could have done the same, but I chose to put them all into the same github repository.
-
๐งข Stefan's Web Weekly #18
github/github-elements โ GitHub's Web Component collection.
-
We Should Stop Hating Web Components
Github uses a set of custom elements called Github Elements
-
5 Github Elements you have to try
There are lots more elements to take a look at so check the whole repository and examples here.
- GitHub's Web Component collection.
- GitHub's Web Component Collection
relative-time-element
-
Htmx, Rust and Shuttle: A New Rapid Prototyping Stack
Web Components, e.g. https://github.com/github/relative-time-element
-
5 Github Elements you have to try
There are a few different types of time display available. They even have a demo page available too!
What are some alternatives?
catalyst - Catalyst is a set of patterns and techniques for developing components within a complex application.
lume - Create 3D web applications with HTML. Bring a new depth to your DOM!
file-attachment-element - Attach files via drag and drop or file input.
clipboard-copy-element - Copy element text content or input values to the clipboard.
lwc - โก๏ธ LWC - A Blazing Fast, Enterprise-Grade Web Components Foundation
details-dialog-element - A modal dialog that's opened with <details>.
auto-check-element - An input element that validates its value with a server endpoint.
text-expander-element - Activates a suggestion menu to expand text snippets as you type.
git-quick-stats - โโ โโโ Git quick statistics is a simple and efficient way to access various statistics in git repository.
image-crop-element - A custom element for cropping a square image. Returns x, y, width, and height.
cyp - Control Your Player: a Web-based MPD client