web-vitals-element
relative-time-element
web-vitals-element | relative-time-element | |
---|---|---|
1 | 2 | |
177 | 3,010 | |
- | 2.9% | |
0.0 | 5.1 | |
9 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.
web-vitals-element
-
This month in WebDev – Stefan's monthly digest
If you haven't played around with custom elements, you should have a look. They're like jQuery plugins without jQuery. To implement web performance metrics in my rebuilt site, I wrote a quick web-vitals element. Load it from unpgk.com, place it in your pages and start showing web performance metrics.
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?
tldr - 📚 Collaborative cheatsheets for console commands
lume - Create 3D web applications with HTML. Bring a new depth to your DOM!
terminal-image-cli - Display images in the terminal
github-elements - GitHub's Web Component collection.
clipboard-copy-element - Copy element text content or input values to the clipboard.
details-dialog-element - A modal dialog that's opened with <details>.
text-expander-element - Activates a suggestion menu to expand text snippets as you type.
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
actix-htmx - Actix Web middleware for use when developing with htmx
file-attachment-element - Attach files via drag and drop or file input.
browser-window - Used in demos as a way to fake a Safari-esque web browser window.