docs: Rework example selection UI and add searching utilities.

[reczkok]

closes #1243

• Integrate with lfs
• Figure out better tags (suggestions very welcome)
• Maybe some better thumbnails?
• Bring back multiple image sizes (got lost somewhere in stash...)

Device	Before	After
Desktop
Mobile

The "welcome" section now hides when scrolling :D

Screen.Recording.2025-05-12.at.12.30.13.mov

[github-actions]

pkg.pr.new

packages

pnpm i https://pkg.pr.new/software-mansion/TypeGPU/typegpu@1230
pnpm i https://pkg.pr.new/software-mansion/TypeGPU/typegpu@e04db86e20c328e95709b38a32df7c614b8adfb8

benchmark
view benchmark

commit
view commit

[aleksanderkatan]

Great change!
Some examples are missing thumbnails though -- the three new ones: Gravity, Oklab and Stable Fluids, and one old one: TGSL parsing test.

[mhawryluk]

-> release branch

[aleksanderkatan]

I think we should create atomics and double buffering tags and rename the two fluid examples to have slightly different names

[aleksanderkatan]

I think it might be cleaner to get rid of the example categories on the user side and to turn them into tags (we can keep the internals for sorting purposes), what do you think?

[iwoplaza]

I think we should create atomics and double buffering tags and rename the two fluid examples to have slightly different names

Hmm, maybe "Cellular Liquid (coarse)" instead of "Fluid (with atomics)" and "Cellular Liquid (granular)" instead of "Fluid (double-buffering)"?
The naming is mostly motivated by what each example is trying to model. The former is more suited for simulating fluid on a macro-scale (coarse cells), and the latter is more suited for simulating fluid on a micro-scale (more granular cells)

[iwoplaza]

(also I wish I could see the changes myself, but there's a missing image, probably due to Git LFS)

[reczkok]

I think it might be cleaner to get rid of the example categories on the user side and to turn them into tags (we can keep the internals for sorting purposes), what do you think?

I think for someone not looking for anything in particular the categories can be nice - we still search by them under the hood. I would also like to avoid crowding the tags.

[reczkok]

(also I wish I could see the changes myself, but there's a missing image, probably due to Git LFS)

Should be solved @iwoplaza 🫡

[mhawryluk]

not enough padding at the bottom

[mhawryluk]

Awesome! 🎨

[iwoplaza]

Hurrayy! It looks so good 😭 (also fix the padding at the bottom)