3D Exploded view of bubble-cards anatology for theming/styling (Dutch & English)

[nagtegaal]

I did a bit of vibe-coding with Claude to get the anatology of the bubble-cards, where you could see the layers of the elements and it's CSS properties and variables to override for your custom theme, or inside the bubble-cards style-portion of the bubbl-card editor.

The styling is based on bubble-cards 3.3.0 beta 3.
Have a look at the example attached. IMO this is pretty handy to use, and understand how the bubble-card is build and how you could override things.

Feel free to use it, where and however you like...

bubble-card-structure-3d-en.html

[Clooos]

Hi! I guess this could help some users, but I definitely think using the Chrome dev tools is much easier for that case.

I'm moving this post to the discussion section since this isn't really a FR nor an issue.

Anyway, thank you for taking your time to work on this! 🙂

[Clooos]

Migration done, I've moved this in "Share your custom styles, templates and dashboards" for more visibility.

Edit: I even pinned it for even more visibility 🍻

Thank you again!

[nagtegaal]

[Clooos]

You can edit your post to add this link.