Masonry Grid Layout with Dynamic Items

[Math]

I’m looking for a developer who can jump into an existing project for a very small, time-sensitive task:

Task: implement a masonry grid layout inside WeWeb

Why I need help: WeWeb doesn’t yet support masonry natively. I tried an NPM package, but ran into bugs and incomplete rendering. I’m not sure if the issues come from the package itself or WeWeb’s handling of it.

What I want: a quick, no-friction fix (custom CSS, a different package, or any other reliable approach)

Availability: ideally someone who can deliver the solution right away

The items displayed inside the grid would be dynamic (fetched from Supabase) and will have different height sizes, which is why I’m looking for a masonry (Pinterest-like) grid layout. I also plan on adding a filtering & sorting feature to the grid, so I need the solution to handle changes and resize automatically.

I have already tried this solution by @jptrinh, but it didn’t work properly.

If you’re confident you can solve this, please let me know your earliest availability and your rate for this one-off task.

Thanks a lot!

[Agustin_Carozo]

Hi Math

Thanks for posting and good luck!

[jptrinh]

Hey @Math
Can you tell me more what didn’t work? I just gave it a try with dynamic data to display images and it worked.

[Colin]

Hi,

I can help with this and handle the grid setup so it works reliably within WeWeb.
Available to start right away and can deliver a quick, stable solution.
Let me know your timeline.

Happy to send over a flat rate once I have a bit more details.

You can reach out to me on my email here

Colin