github-elements
relative-time-element
github-elements | relative-time-element | |
---|---|---|
15 | 3 | |
2,810 | 3,591 | |
0.0% | 0.1% | |
0.0 | 7.3 | |
about 1 year ago | 28 days 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 are Web Components
GitHub: 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
-
Frontend Resources V2 ๐
Relative Time: Formats a timestamp as a localized string or as relative text that auto-updates in the user's browser.
-
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?
git-quick-stats - โโ โโโ Git quick statistics is a simple and efficient way to access various statistics in git repository.
cyp - Control Your Player: a Web-based MPD client
file-attachment-element - Attach files via drag and drop or file input.
lume - GPU-powered 3D HTML. โจ๐ง <lume-box size="1 2 3">
catalyst - Catalyst is a set of patterns and techniques for developing components within a complex application.
details-dialog-element - A modal dialog that's opened with <details>.
lwc - โก๏ธ LWC - A Blazing Fast, Enterprise-Grade Web Components Foundation
image-crop-element - A custom element for cropping a square image. Returns x, y, width, and height.
clipboard-copy-element - Copy element text content or input values to the clipboard.
text-expander-element - Activates a suggestion menu to expand text snippets as you type.