Background Sync
Enables web apps to defer network requests until the user has stable connectivity. Useful for ensuring data is sent even when offline, like messaging apps or social media posts.
Background Task
Schedules and runs tasks in the background when the browser is idle. Perfect for non-urgent tasks like analytics, caching, or cleanup operations that shouldn't impact user experience.
Badge
Displays notification badges on app icons or tabs. Commonly used in PWAs for unread messages, notifications, or updates count indication.
Beacon
Sends data to a server reliably before page unload. Ideal for analytics or logging that needs to work even when users quickly navigate away.
Broadcast Channel
Enables communication between different windows/tabs of the same origin. Perfect for syncing state across multiple instances of your app, like theme changes or logout actions.
Open this page in a new tab to test broadcast messagingCanvas
Provides a drawing surface for 2D graphics. Used for creating charts, graphs, image manipulation, games, and other visual content dynamically.
Clipboard
Interacts with the system clipboard for copy/paste operations. Essential for text editors, form filling, and content sharing features.
Compression Stream
Compresses and decompresses data streams. Useful for reducing data transfer size or storing large amounts of data efficiently.
Console
Provides advanced logging capabilities beyond basic console methods. Helpful for debugging, monitoring, and development workflows.
Cookie Store
Modern API for managing browser cookies asynchronously. Better alternative to document.cookie for handling user preferences and session data.
Credential Management
Manages and stores user credentials securely. Enables smooth sign-in experiences and password management integration.
CSS Custom Highlight
Creates custom text highlights programmatically. Great for text editors, search features, or educational content highlighting.
This is a sample text that you can search through. The CSS Custom Highlight API will highlight all matches as you type.
Try typing words like "highlight", "API", or any other text you see here.
The search is case-insensitive and will highlight all occurrences of the text you type.
CSSOM (CSS Object Model)
Programmatically manipulates CSS styles and rules. Essential for dynamic theming, responsive design, and style customization features.
CSS Painting
Creates custom CSS painting behaviors using JavaScript. Enables complex visual effects and custom backgrounds not possible with standard CSS.
CSS Properties
Manages CSS custom properties (variables) dynamically. Perfect for theme systems and responsive design implementations.
CSS Typed OM
Provides strongly-typed CSS values and better performance. Useful for animations and dynamic style calculations.
Device Memory
Detects device memory capacity. Helps in delivering optimized experiences based on device capabilities.
Device Orientation
Tracks device orientation changes. Used in games, augmented reality, and responsive interfaces that react to device movement.
Device Posture
Detects foldable device states. Essential for optimizing layouts on foldable devices and dual-screen experiences.
Drag and Drop
Enables native drag and drop interactions. Common in file uploaders, kanban boards, and interactive interfaces.
Edit Context
Provides advanced text editing capabilities. Useful for building rich text editors and input management systems.
Encoding
Handles text encoding and decoding operations. Important for working with different character encodings and international text.
Encrypted Media
Handles DRM-protected content playback. Essential for streaming services and protected media playback.
Eye Dropper
Allows color picking from anywhere on the screen. Great for design tools and color customization features.
Federated Credential Management
Streamlines identity provider sign-in flows. Simplifies implementation of "Sign in with..." functionality.
File
Provides advanced file handling capabilities. Used for file uploads, downloads, and local file manipulation.
File Entry
Enables file system-like operations in web apps. Useful for apps that need to manage files and directories.
File System
Provides access to a sandboxed file system. Perfect for offline-capable apps and local file management.
Font Loading
Manages custom font loading and status. Important for controlling typography and ensuring proper font rendering.
Fullscreen
Controls fullscreen mode for elements. Common in video players, games, and presentation modes.
Geometry
Handles element geometry and layout calculations. Used for responsive layouts and dynamic positioning.
Idle Detection
Detects when the user or screen becomes idle. Useful for chat applications, session management, and power saving features.
Threshold : 1 minute. Click "Start Detection" and wait for 1 minute to see the status change (Don't interact with the page).
Image Capture
Provides advanced camera control and photo capture. Essential for web-based camera applications and QR code scanners.
Keyboard
Handles advanced keyboard input and events. Great for gaming, shortcuts, and custom input handling.