Professional Components Showcase App

Hello Makers! :fire:

I’ve been building a set of premium custom components designed to give your Adalo apps a truly professional, native feel. Every component works on iOS, Android, and Web. Actually they are Private but hopefully avaiable on Marketplace soon.

:link: Browse all components → cheipstudio.adalo.com/components
:page_facing_up: Complete documentation for each component in the web app

OVERVIEW

:hourglass_not_done: Pro Loading — FREE

A production-grade progress bar that fires real Adalo actions automatically during loading. Set up to 5 milestone actions that execute sequentially without any user tap. The bar features smart duration extension (it stretches itself if actions need more time) and a connection buffer to handle slow DB writes or API calls safely. Choose from 4 fill styles (Gradient, Solid, animated Striped, Pulse), add rotating loading text with 3 custom messages, display the percentage in 4 positions, and enjoy smooth entrance & completion animations. Progress value is exposed as Magic Text. Ideal for onboarding flows, multi-step data writes, loading transitions, or simply splash screens.

:shuffle_tracks_button: Pro Switch Tab — FREE

A smooth, animated tab switcher with 2–5 tabs and 4 indicator styles: Pill (floating rounded chip with shadow), Filled (full-width background block), Underline (animated bottom line), and Dot (small dot below the label). The indicator slides between tabs with a spring animation (configurable speed and bounce). Each tab fires its own Adalo action and the selected tab index is exposed as Magic Text so you can persist it to the database and restore it on screen load. Supports full label styling (font family, size, weight per active/inactive state), a tap scale effect for tactile feedback, and customizable colors, height, corner radius, border, and inset. Great for filtering lists, segmented views, settings panels, and category navigation.

:four_leaf_clover: Pro Fortune Wheel — FREE

Pro Fortune Wheel renders a fully animated spin wheel
populated from any collection in your app
. The wheel randomly selects a winner from the
connected items, displays it in a customizable winner box, and fires a formValue output so you
can save or act on the result using Adalo’s standard actions.

:star: Pro Nav Bar — 19.99$

A fully customizable bottom navigation bar with 2–5 tabs, 3 icon types (Material Design, custom PNG, or Emoji), and 6 layout modes including iOS Liquid Glass with animated floating pill and vertical Sidebars. Features 12 tap animations (Bounce, Spring, Rubber Band, Jello, Tada, Heartbeat…), per-tab notification dots driven by database True/False fields, active tab pill, top indicator line, shadow control, and full style customization from the editor. Works on Web, Android & iOS.

:high_voltage: Pro Button — 19.99$

A feature-rich animated button that goes way beyond the default. Choose between Single State (standard tap) and Double State (toggle ON/OFF with completely independent styles and actions per state). Pick from 14 click animations including Bounce, Pulse, Rubber Band, Tada, and Heart Beat. Supports Filled & Outline variants, optional PNG icon (left or right), a delay spinner that shows a loading indicator before the action fires, and haptic vibration feedback. Every setting is independent per state in Double mode, so the two states can look and behave completely differently.

:locked_with_key: Pro OTP Input — 19.99$

A purpose-built verification code input for auth and PIN flows. Renders 4–8 animated digit boxes that fill one at a time as the user types. Choose from 4 box styles (Square, Rounded, Pill, Underline), 3 masking modes (show all, hide all ●●●●, show last digit only), 5 fill animations, and 3 completion animations. Supports paste from SMS autofill, auto-focus on screen load, and a full error state with shake, red borders, error message, and optional auto-clear. The OTP code is exposed as Magic Text. Perfect for SMS verification, email codes, 2FA, and payment PINs.

:star: Pro Rating Bar — 5.99$

A flexible rating input & display with 3 visual modes: Material Design icons, any Emoji symbol (:star: :heart: :fire: :+1: :gem_stone:), or a draggable Numeric Slider. Supports 1–10 items, bounce animation on selection, an optional value label, and a read-only mode to display stored ratings on cards and lists. Rating value exposed as Magic Text. Great for reviews, app ratings, mood check-ins, NPS scores, and priority selectors.

:clipboard: Pro Context Menu — 29.99$

A fully native floating context menu with up to 8 menu items, each supporting 3 icon types (Icon, custom PNG, or any Emoji). Mark dangerous actions with destructive styling (auto-red), add separator lines between groups, and pick from 5 opening animations (Fade, Scale, Slide, Bounce, Flip). The menu uses smart positioning (Left, Center, Right) that auto-clamps to screen edges so it never goes off-screen. Supports an optional menu title with Magic Text. Perfect for post cards, list items, and profile menus.

:speech_balloon: Interested? DM me first!

Before purchasing any component, please send me a DM here on the forum first, or email me at cheipstudio@gmail.com I’ll make sure the component fits your use case and answer any questions you have.

Thanks for checking these out and happy building! :rocket:

8 Likes

That’s great! I’m so glad and congratulations! I’m also preparing components and templates… Let’s keep going!

How can I use the free ones?

2 Likes

Looks great, does the bar support icons?

1 Like

Hello brother. Thanks a lot. And I’m very happy we are on the same boat. We can join forces and make Adalo GREAT!

2 Likes

You can try my components in 2 ways :
• Invite me in your App/Team and i will trasfer them
• Send me in DM your Access Token in your Adalo Developers panel and i will transfer the components

1 Like

Thanks Nadav. Are you talking about the Pro Switch Tab? Actually no icons. But i can easily update it with Icons support if requested

I just sent you a DM

1 Like

I guess this could be useful to people here, because it could be the home bar.

You are right, but this works best on single screen for filtering lists / make visible groups in the screen contidionally. For Nav Bar to change screen I will build a component for that purpose, ofc with icons support

1 Like

WOOW this Tab is amazing.

Lovely spring effect :heart_eyes:.

Very well done @Eugen

2 Likes

Thank you Fercho, if you want it, just send me your Adalo Dev Library token in dm :raising_hands:

Updates
• Icon support for Pro Context Menu
• Improved Pro OTP Input with better boolean error logic

3 Likes

Will it be possible to download this in the component store?

Hopefully yes, but Adalo’s priority now is Ada, they put on standby the procedures to add new components from developers. If you want to have them, just send me a dm with your Adalo Library Token. How to find this token? In Adalo - Click your profile on top right, Settings - turn on developer mode. Then Developers will appear, open the panel and click “Shared with me”, then Generate Token Access, share that with me. Done, when i receive your token i transfer the components you want in a second.

Component Added
Check that out guys :fire::fire:

@Santiago @Fercho @nadavma2

6 Likes

This can be very useful, can I decide what it will analyze?
For example - I send it a picture of a plate and I tell it how many spoons it will have.

Then it analyzes the picture and returns an answer of 5 spoons (for example).

Yes, System Prompt and Analysis Istructions can be easily modified in the components settings.

Check also full documentation on how to use in the app. Is super easy

Brilliant, do I need to connect my openai key?

Yep, directly in the component. No need to set it in adalo settings (so this component also work on free and starter adalo accounts, without the need of professional)

1 Like

How long does it take to analyze ± 1 image?