📂
File System API
Only for Chromium-based web browsers. The File System Access API makes it easy and simple to read and write the user's files and access the file system.
Try it📺
FullScreen API
The Fullscreen API adds methods to present a specific Element (and its descriptionendants) in full-screen mode, and to exit full-screen mode once it is no longer needed.
Try it📋
Clipboard API
The Clipboard API provides the ability to respond to clipboard commands (cut, copy, and paste) as well as to asynchronously read from and write to the system clipboard.
Try it📡
Broadcast
The BroadcastChannel is a named channel that allows communication between different documents (in different windows, tabs, frames or iframes) of the same origin.
Try it📶
Network Info
The Network Information API provides information about the system's connection in terms of general connection type (e.g., 'wifi', 'cellular', etc.).
Try it🧐
Resize Observer
The Resize Observer API provides a performant mechanism by which code can monitor an element for changes to its size, with notifications.
Try it💳
Web payment API
The Payment Request API provides a consistent user experience for both merchants and users. Select a preferred way to pay for things.
Try it📳
Vibration API
Most modern mobile devices include vibration hardware, which lets software code provide physical feedback to the user by causing the device to shake.
Try it🔋
Battery API
The Battery Status API, more often referred to as the Battery API, provides information about the system's battery charge level
Try it🐢
Drag and Drop
HTML Drag and Drop interfaces enable applications to use drag-and-drop features in browsers.
Try it📸
Image Capture
The ImageCapture interface provides methods to enable the capture of images or photos from a camera or other photographic device.
Try it🔗
Web Share API
The Web Share API helps in invoking the native sharing mechanism of the user's device
Try it⚓
Geolocation API
The Geolocation API allows the user to provide their location to web applications if they so desire. This demo shows how it works using an example.
Try it🖼️
Picture in Picture
Picture-in-picture is a feature supported by some smart TVs, devices to show the content on a floating window. It allows users to continue to see the content while interacting with the background page, other sites.
Try it💻
Screen Capture
The Screen Capture demo introduces additions to the existing Media Capture and Streams API to let the user select a screen to capture as a media stream
Try it🎙️
Web Speech API
The Web Speech API enables you to incorporate voice data into web apps.
Try it✍️
CSS Font Loading API
The CSS Font Loading API provides events and interfaces for dynamically loading font resources
Try it👆
Pointer Capture API
Pointer events are DOM events that are fired for a pointing device. They are designed to create a single DOM event model to handle pointing input devices such as a mouse, pen/stylus or touch (such as one or more fingers).
Try it🎨
Canvas API
The Canvas API provides a means for drawing graphics via JavaScript and the HTML <canvas> element. It can be use for animation, game graphics, data visualization, photo manipulation and real-time video processing. This API is largely focuses on 2D graphics.
Try it🌐
URL API
The URL API is a component of the URL standard, which defines what constitutes a valid Uniform Resource Locator and the API that provides an easy way to parse, construct, normalize and encode URLs. The URL standard also defines concepts such as domains, hosts, and IP addresses.
Try it📃
Page Visibility API
The Page Visibility API provides events you can watch for to know when a document becomes visible or hidden, as well as features to look at the current visibility state of the page. This means that when the user minimizes the window or switches to another tab, an event will be sent.
Try it🗒️
Selection API
The Selection API enables developers to access and manipulate the portion of a document selected by the user.
Try it👁️🗨
EyeDropper API
The EyeDropper API provides a mechanism for creating an eyedropper tool. Using this tool, users can sample colors from their screens, including outside of the browser window.
Try it🎛️
Media Session API
The Media Session API provides a way to customize media notifications. It does this by providing metadata for display by the user agent for the media your web app is playing.
Try it