-
Native accordion using details element with custom marker and content styling
details
-
Unified file upload handler for both input and drag-drop interactions
file
draganddrop
-
Use the CSS Anchor Positioning API to position elements relative to other elements
anchor-positioning
-
Native carousel using scroll-snap with anchor-positioned buttons and dot markers
anchor-positioning
scroll-snap
container-queries
-
Container that scales to maximum size while preserving aspect ratio
aspect-ratio
anchor-positioning
-
Modern input field styling with pseudo-class selectors for state management
-
Demonstrates lvh, svh, and dvh viewport units and height changes
viewport-unit-variants
-
Toast notifications built with the native Popover API for positioning and animations
popover
-
SVG stroke-dasharray and stroke-dashoffset animation sample
-
Ray marching rendering demo built with Web Components
autonomous-custom-elements
-
CSS System Colors that automatically adapt to user's theme and accessibility preferences
system-color
-
Detect scroll-state to clamp the paragraph, show a gradient and a “more” control only when needed, and expand on demand. The hint chip is anchored to the container’s bottom-right.
container-queries
anchor-positioning