Professional Components Showcase App

Depending on the complexity and connection, but some seconds, 3 to 5

Updates :slight_smile:

  • AI Image Analyzer now directly opens the camera or gallery (configurable in the editor, Camera, Gallery or Both), no need of extra screen, just place AI Image Analyzer in one screen and deal everything from it. Try it :exploding_head:
  • New Icons for all the components, minimal and clean style

I will publish another cool free component tomorrow :fire:
@nadavma2 @Santiago @Dilon

3 Likes

@Eugen how do you protect the API key from being intercepted? If it’s stored inside the component, then I assume that the API query comes directly from it. So anyone who has an app is capable of installing proxy (e.g. Proxyman), can intercept SSL/TLS traffic from the app using this proxy as a “middleman” and get the key.
Have you got a protection against this attack?

Adalo Custom Actions work differently - they store key on the custom actions server, so you’re only passing the parameters of the custom action.

Best regards, Victor.

1 Like

Hi @Victor :wink:

You’re absolutely right, and thank you for raising this : It’s an important point that deserves a straight answer.

Yes, the API key is passed as a prop and included in the API request made directly from the client. Anyone with Proxyman or Charles Proxy can intercept it. This is a known limitation of any client-side AI integration, and I document it explicitly in the component’s PDF Doc on my web-app: “Always use a restricted key with a monthly spend cap. Never use your main OpenAI account key.”

You’re correct that Custom Actions are architecturally safer, the key lives on Adalo’s server and never touches the client. The tradeoff is that Custom Actions can’t handle image payloads of this size (base64-encoded photos would exceed their limits), which is why the component makes the call directly.

The practical mitigations I recommend:
• Create a dedicated OpenAI key for each app, not your main account key
• Set a hard monthly spend limit in your OpenAI dashboard (e.g. $10–20)
• Enable usage alerts so you’re notified of any spike
• Rotate the key periodically

With a capped key, the worst-case scenario is someone burns through your monthly limit, not access to your entire OpenAI account.

A proper server-side proxy (your own backend that holds the key and forwards requests) would eliminate the risk entirely, but that requires infrastructure outside Adalo. It’s on my roadmap as an optional configuration for makers who need enterprise-grade security.

Thanks again Victor.

Eugen

3 Likes

@Eugen great that you’re explaining this to your users so they don’t have an unpleasant surprise.

Server-side proxy also can be abused without proper authentication, but at least you can implement something like client-device limits. Also this proxy will return only the image description, so abuse is less attractive. But still there is a risk.

Building it with Cloudflare Workers is pretty straightforward and works well with Adalo.

Best,
Victor.

2 Likes

Thanks bro … the components you’re making are amazing! I’m testing them and they work perfectly—very useful, modern, and they improve the app’s appearance!

Let’s keep going!

2 Likes

Everyone who watches, has an audience - whoever creates good things - we will buy. Create things!

2 Likes

As promised, another free component today :wink:
Pro Fortune Wheel :four_leaf_clover:

Check it out (the lag is because of the GIF, try it and you will see is smooth)
1000018407

2 Likes

ai images are excellent! Fantastic work

1 Like

Thanks for purchasing my component :raising_hands:
Appreciated, let me know how you would like to have it improved/updated

:warning:Fixed the problem with Stripe on the Components Showcase webapp

1 Like

Thank you for the high quality of the component. Pro Context Menu works great and is a pleasure for the eyes in my adalo app

1 Like

:new_button: Update drop!


:card_index_dividers: Pro Context Menu — v1.1.6

:round_pushpin: 3 new “Above” menu positions The Menu Position setting now includes Above left, Above right and Above centered, perfect for triggers placed near the bottom of the screen.

:shield: Smart off-screen protection The menu now automatically flips to the opposite side if it doesn’t fit in the chosen direction, and a hard clamp keeps it within screen boundaries at all times, horizontally and vertically.


:camera: AI Image Analyzer — v1.2.1

:radio_button: Optional Save Button A new Show Save Button toggle (in Buttons & Colors) lets you hide the Save button when you don’t need it, handy if you’re already auto-saving via the On Analysis Complete action.
Immagine 2026-02-28 151229

@nadavma2 Thanks a lot for your precious feedbacks! Let’s keep going!

2 Likes

Fantastic work, how do I update this?

Refresh your Adalo Editor and you will see the changes in real time. If the App is published you have to update it.

2 Likes

1 Like

Oh man, you made me laugh hard :joy:

1 Like

Working on Pro Nav Bar, tweaking for perfection (too slow now). Multiple styles included iOS Liquid Glass and notification dot that reads boolean value.

Hopefully will be ready Monday. Let’s go! :fire:

2 Likes

Hey! Pro Nav Bar is out :fire:
Details and features are listed at the top of this thread. You can also open the showcase app link to try it out and check full documentation before buying. It’s blazing fast now! :high_voltage:
Registrazione 2026-03-01 200840

Let’s keep going! :fire: :exploding_head:

@nadavma2 @Dilon @Santiago

4 Likes