gfat

My intro to Perlin noise was a Stripe page where their customer wall of logos was floating bubbles. Not a video but actual DOM elements translating around. Stripe always going that extra mile.

https://lokeshdhakar.com/dev-202-scrolling-logo-bubbles/

The staggered entry animation of the letters on page load is lovely. The typing also felt rewarding.

Bit of feedback, should the timer pause when reading the how to play or opening settings?

Appreciate the typography and simple design of the site and its registry.

Loved this app. What is old is new again.

lobster.ly

This one and its site are gorgeous.

You might also like https://commitmono.com/

Linear has an in-app changelog in the bottom right that doesn’t get in the way of work. It’s synced with their changelog on the website and can be revisited anytime clicking the help menu icon. Pretty elegant.

Diagram was acquired by Figma

The small web still has a unique soul to it. dimden.dev is a good example.

Wow the slides synced with the narration were smooth and ofc the visualization at the end. Stunning work.

https://medium.com/bridge-collection/3d1b0a9b810e Stripe using animations back in 2014.

None of the examples in the article work with js disabled.

Some because of Codepen.io embeds? The ghost and pricing tables should work on their own.

In what way? Is there an example of this?

https://web.archive.org/web/20160301000015/https://stripe.co...

Most hero sections in mid-2010s did not use CSS and JS animations to this extent. Video playback with an overlay gradient was one technique to animate a hero, but that's not the same level of quality and craft as moving DOM elements. IIRC BDC made these in vanilla (according to some design podcasts).

The Bitcoin page is another example of meticulous design work, remaking Vim in HTML here is crazy.

https://web.archive.org/web/20160301000200/https://stripe.co...

Their open-source page too. They go the extra mile here with JS game of life.

https://web.archive.org/web/20160301000519/https://stripe.co...

Animations are more prevalent today (see pages like https://linear.app), but these Stripe pages were shipped years ago and they still hold up.

Huge fan of his style and dedication to detail. His early work on those Stripe landing pages, like Checkout, was ahead of the time.

You can see his latest work at https://increase.com, another finance API.

Cool, thanks

Very cool idea. Is this an open-source project?