Note
Access to this page requires authorization. You can try signing in or changing directories.
Access to this page requires authorization. You can try changing directories.
| Demo name | Description and docs | Source code & Readme | Live demo page |
|---|---|---|---|
| Built-in AI playgrounds | Demo pages showing how to use the built-in Prompt and Writing Assistance AI APIs in Microsoft Edge. | /built-in-ai/ | Built-in AI playgrounds demo |
| CSS Gap Decorations demos | Draws line decorations within gaps in CSS Grid, Flexbox, and Multi-column layouts. | /css-gap-decorations/ | CSS Gap Decorations demos (Readme) |
| CSS Masonry demos | Showcase the implementation of CSS Masonry layout. | /css-masonry/ | CSS Masonry demos demos (Readme) |
| CSS Custom Highlight API | How to programmatically create and remove custom highlights on a web page. | /custom-highlight-api/ | CSS Custom Highlight API demo demo |
| EditContext API demo | Demo page showing how the EditContext API can be used to build an advanced text editor. | /edit-context/ | HTML editor demo |
| EyeDropper API | How to use the EyeDropper API to create a color sampling tool from JavaScript. | /eyedropper/ | EyeDropper API demos |
IndexedDB: getAllRecords() |
Shows the benefits of the proposed getAllRecords() IndexedDB method to more conveniently and quickly read IDB records. |
/idb-getallrecords/ | IndexedDB: getAllRecords() demo |
| Notifications demo | Using incoming call notifications. | /incoming-call-notifications/ | Notifications demo demo |
| JSON dummy data | Simple JSON files. Used for View a JSON file or server response with formatting. | /json-dummy-data/ | JSON dummy data (Readme) |
| Page Colors Custom Scrollbars demo | Shows a custom, green scrollbar in a page that has custom colors. | /page-colors-custom-scrollbars/ | Page Colors Custom Scrollbars demo demo |
| Reader app | An article reader app used to demonstrate how to use various web APIs such as CSS Custom Highlight, <selectmenu>, EyeDropper, CSS and JSON modules, Scroll animation timeline, and Async Clipboard. |
/reader/ | Reader demo |
Open UI's <selectlist> demos |
Demo webpage showing how the Open UI's <selectlist> element can be used. |
/selectlist/ | Open UI's <selectlist> demos |
<selectmenu> demos |
OpenUI's <selectmenu> component was renamed to <selectlist>. |
/selectmenu/ | <selectmenu> demos, redirects to /selectlist/ demos |
| SVG support in the Async Clipboard API | Demo page showing how the Async Clipboard API supports SVG format. | /svg-clipboard/ | SVG clipbard support demo |
| WebNN API | Uses the WebNN API to build a machine learning graph and run it on the device's hardware. | /webnn/ | WebNN API demo |