CSS position: sticky, scroll-snap + progressively enhanced scroll animation 📜 li { animation: bright; animation-range: calc(50% - 1lh) calc(50% + 1lh); animation-timeline: view(); scroll-snap-align: center; } @​keyframes bright { 50% { opacity: 1; }}

original concept here on the "forge & form" site 👏 scroll to the bottom 👇 p.s hadn't seen this one on here so couldn't quote it

here's the @CodePen for this one 🤙 wanted to get that colorful scrollbar experiment in place first before posting it 🙏 now we hop on a plane ✈️

Here's a similar example I coded up

can you share the code example? thanks.

This would be cool as a custom select

now that's an idea! 💡

like seeing these and want to learn more about how to build awesome UIs for the web? Check out my newsletter, "The Craft of UI" quite the backlog of issues coming 🤙 👉

That is so sick 👀

can we get an additional level of items? like a 2 tiered mindmap in scrollable style.

that would be neat, a two-tiered set would work as well by nesting the "stickiness" would need some sentences to build out with that structure 🤔