Two Sides

<two-sides width="300" height="200">
    <div slot="first-side">Car</div>
    <div slot="second-side">Auto</div>
</two-sides>

Click to translate

Car
Auto
Attribute Default Description
width 300px
height 300px
Element with backside information

Tilt Scroll

<tilt-scroll width="300" height="300">
    /* HTML */
</tilt-scroll>

scroll

hello
world
Attribute Default Description
width 300px
height 300px
max-tilt 3 max tilt degree
max-threshold .4 when to apply max tilt
fineness 8 steps to max tilt
scroll-area Selector to parent
scrollable DOM element

Use for website sections or a slide show, powered by Intersection Observer API