22 Things You Didn’t Know the Browser Could Do Natively

Most developers install a library as soon as they need something more than a basic button or input. However, browsers can do much more than most people realise. Many features that once required JavaScript libraries, such as dialogs, popovers, color pickers, smooth scrolling, clipboard access, sharing, and speech recognition, are now built directly into the browser. This article explores 22 native browser features designed to help you write less code and rely on fewer libraries.

Starting with the <dialog> element, developers can create modals without any external libraries. It automatically handles focus, closes on the Escape key press, and displays a backdrop. Similarly, the Popover API lets you create floating panels easily, while <input type="color"> provides a built-in system color picker that returns a hex value for JavaScript use without any setup.

Stock photo for illustration only, not from the actual event

For data handling and communication, the Clipboard API allows copying and reading text via navigator.clipboard, and the Web Share API opens the device's native share menu directly from JavaScript to share content across various apps. To improve page performance, the loading="lazy" attribute delays loading offscreen images until they are about to appear on the screen, saving bandwidth and speeding up page loads without requiring complex IntersectionObserver setups.