📂

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
💬

WebRTC

WebRTC is a technology that offers real-time communication capabilities to your application allowing developers to build powerful voice and video communication solutions.

Try it