Lazy Load Fonts with IntersectionObserver API – FontJit
A JavaScript utility to lazy-load font files when elements enter the viewport using IntersectionObserver. Control font loading with data attributes.
Javascript
ifvisible.js: Detect Page Visibility and User Idle State in JavaScript
Add idle and visibility detection to your web app with ifvisible.js. Listen for blur, focus, idle, wakeup, and page lifecycle events with a single import.
Smooth Bottom Sheet Web Component with Native Mobile Feel
Build smooth bottom sheet UIs with CSS scroll snap mechanics. Pure Web Bottom Sheet works across React, Vue, and vanilla HTML with native mobile feel.
Create CSS Transitions When Switching Between Pages – swup
The swup JavaScript library lets you apply custom CSS transitions to pages when switching between them. Supports preload, page cache, and event handlers.
Native HTML Form Validation Enhancer with Zod Support – validation-enhancer
A web component that upgrades native HTML5 form validation with inline errors, CSS state classes, ARIA support, and optional Zod schema integration.
Simplify MathML Authoring with Lightweight Syntax – Mathup
A JavaScript library that converts simple expressions to MathML with a concise syntax and fast performance for web developers.
Add UI Sound Effects to Web Apps With Tiks and Web Audio API
Generate UI sounds like clicks, toggles, and alerts via Web Audio API synthesis. Supports custom themes, React/Vue hooks, and tree-shakeable imports.
Custom Media Player Controls Using Web Components – media-chrome
The media-chrome provides a set of web components to create custom media controls for Videos, Audios, and Live Streams.
Google Material Inspired Time Picker Component – timepicker-ui
A vanilla JavaScript library to create a customizable, beautiful, mobile-friendly time picker component inspired by Google Material design system.
qrGrid: Custom QR Code Generator with Logos and Gradients
Generate QR codes on canvas or SVG with custom module shapes, gradient fills, and logo embedding. Zero runtime dependencies.