Small demo: Tool to create custom styles in Bubble (built to improve my own apps)

Showcase
1

Hi everyone,

I’ve been working with Bubble for a while now, and one of the biggest challenges I kept running into was creating professional look across my apps.

So I have being buildinf a small tool to solve this for myself that I think could also be useful for the Bubble community. So far these are the features:

  • Create custom visual styles (color palettes, typography, buttons)

  • Preview how they look on typical UI components

  • Save design systems to reuse across projects

  • AI style builder

Coming soon:

  • Export styles ready to apply directly in Bubble (still figuring out how to build a Chrome Extension hahaha)

Here’s a short demo video showing how it works:

It’s still early-stage, but if anyone’s interested in trying it out or giving feedback, I’d love to hear your thoughts.

What features do you think it should have to truly add value for Bubble users?

Thanks!

2

Nice work, nice demo. Thanks for sharing.
You can learn a lot by looking at @brenton.strine 's open-source extension.

3

Nice!

4

Demo is looking great
How do I try out the tool ?

5

Hey!

Stille working on the platform to make something that can be used in beta. I’ll let you know as soon as have something :slight_smile:

6

I am very interested in ways to export and import styles.