# Professional Components Showcase App
**URL:** https://forum.adalo.com/t/professional-components-showcase-app/65811
**Category:** App Showcase
**Created:** [February 24, 2026, 2:13pm UTC](https://forum.adalo.com/t/professional-components-showcase-app/65811 "2026-02-24T14:13:30Z")
**Posts on this page:** 20
**Page:** 1
### Author:  [@Eugen](https://forum.adalo.com/u/Eugen)
#### Post date: [February 24, 2026, 2:13pm UTC](https://forum.adalo.com/t/professional-components-showcase-app/65811/1 "2026-02-24T14:13:30Z")
# Hello Makers! 🔥
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.
🔗 **Browse all components →** [cheipstudio.adalo.com/components](https://cheipstudio.adalo.com/components)
📄 **Complete documentation for each component** in the web app
# OVERVIEW
## ⏳ 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.
## 🔀 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.
## 🍀 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.
## ⭐ 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**.
## ⚡ 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.
## 🔐 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.
## ⭐ Pro Rating Bar — 5.99$
A flexible rating input & display with **3 visual modes** : Material Design icons, any **Emoji symbol** (⭐ ❤ 🔥 👍 💎), 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.
## 📋 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.
## 💬 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](mailto: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! 🚀
---
### Author:  [@Santiago](https://forum.adalo.com/u/Santiago)
#### Post date: [February 24, 2026, 3:45pm UTC](https://forum.adalo.com/t/professional-components-showcase-app/65811/2 "2026-02-24T15:45:37Z")
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?
---
### Author:  [@nadavma2](https://forum.adalo.com/u/nadavma2)
#### Post date: [February 24, 2026, 4:45pm UTC](https://forum.adalo.com/t/professional-components-showcase-app/65811/3 "2026-02-24T16:45:10Z")
Looks great, does the bar support icons?
---
### Author:  [@Eugen](https://forum.adalo.com/u/Eugen)
#### Post date: [February 24, 2026, 5:23pm UTC](https://forum.adalo.com/t/professional-components-showcase-app/65811/4 "2026-02-24T17:23:14Z")
Hello brother. Thanks a lot. And I’m very happy we are on the same boat. We can join forces and make Adalo GREAT!
---
### Author:  [@Eugen](https://forum.adalo.com/u/Eugen)
#### Post date: [February 24, 2026, 5:25pm UTC](https://forum.adalo.com/t/professional-components-showcase-app/65811/5 "2026-02-24T17:25:09Z")
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
---
### Author:  [@Eugen](https://forum.adalo.com/u/Eugen)
#### Post date: [February 24, 2026, 5:26pm UTC](https://forum.adalo.com/t/professional-components-showcase-app/65811/6 "2026-02-24T17:26:27Z")
Thanks Nadav. Are you talking about the Pro Switch Tab? Actually no icons. But i can easily update it with Icons support if requested
---
### Author:  [@Santiago](https://forum.adalo.com/u/Santiago)
#### Post date: [February 24, 2026, 5:26pm UTC](https://forum.adalo.com/t/professional-components-showcase-app/65811/7 "2026-02-24T17:26:43Z")
I just sent you a DM
---
### Author:  [@nadavma2](https://forum.adalo.com/u/nadavma2)
#### Post date: [February 24, 2026, 5:37pm UTC](https://forum.adalo.com/t/professional-components-showcase-app/65811/8 "2026-02-24T17:37:42Z")
I guess this could be useful to people here, because it could be the home bar.
---
### Author:  [@Eugen](https://forum.adalo.com/u/Eugen)
#### Post date: [February 24, 2026, 5:47pm UTC](https://forum.adalo.com/t/professional-components-showcase-app/65811/9 "2026-02-24T17:47:45Z")
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
---
### Author:  [@Fercho](https://forum.adalo.com/u/Fercho)
#### Post date: [February 25, 2026, 6:37am UTC](https://forum.adalo.com/t/professional-components-showcase-app/65811/10 "2026-02-25T06:37:29Z")
WOOW this Tab is amazing.
Lovely spring effect 😍.
Very well done @Eugen
---
### Author:  [@Eugen](https://forum.adalo.com/u/Eugen)
#### Post date: [February 25, 2026, 7:22am UTC](https://forum.adalo.com/t/professional-components-showcase-app/65811/11 "2026-02-25T07:22:35Z")
Thank you Fercho, if you want it, just send me your Adalo Dev Library token in dm 🙌
---
### Author:  [@Eugen](https://forum.adalo.com/u/Eugen)
#### Post date: [February 25, 2026, 11:59am UTC](https://forum.adalo.com/t/professional-components-showcase-app/65811/12 "2026-02-25T11:59:30Z")
Updates
• Icon support for Pro Context Menu
• Improved Pro OTP Input with better boolean error logic
---
### Author:  [@nadavma2](https://forum.adalo.com/u/nadavma2)
#### Post date: [February 25, 2026, 4:15pm UTC](https://forum.adalo.com/t/professional-components-showcase-app/65811/13 "2026-02-25T16:15:05Z")
Will it be possible to download this in the component store?
---
### Author:  [@Eugen](https://forum.adalo.com/u/Eugen)
#### Post date: [February 25, 2026, 5:31pm UTC](https://forum.adalo.com/t/professional-components-showcase-app/65811/14 "2026-02-25T17:31:39Z")
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.
---
### Author:  [@Eugen](https://forum.adalo.com/u/Eugen)
#### Post date: [February 25, 2026, 6:01pm UTC](https://forum.adalo.com/t/professional-components-showcase-app/65811/15 "2026-02-25T18:01:56Z")
Component Added
Check that out guys 🔥🔥
@Santiago @Fercho @nadavma2
---
### Author:  [@nadavma2](https://forum.adalo.com/u/nadavma2)
#### Post date: [February 25, 2026, 6:15pm UTC](https://forum.adalo.com/t/professional-components-showcase-app/65811/16 "2026-02-25T18:15:52Z")
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).
---
### Author:  [@Eugen](https://forum.adalo.com/u/Eugen)
#### Post date: [February 25, 2026, 6:19pm UTC](https://forum.adalo.com/t/professional-components-showcase-app/65811/17 "2026-02-25T18:19:54Z")
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
---
### Author:  [@nadavma2](https://forum.adalo.com/u/nadavma2)
#### Post date: [February 25, 2026, 6:22pm UTC](https://forum.adalo.com/t/professional-components-showcase-app/65811/18 "2026-02-25T18:22:24Z")
Brilliant, do I need to connect my openai key?
---
### Author:  [@Eugen](https://forum.adalo.com/u/Eugen)
#### Post date: [February 25, 2026, 6:23pm UTC](https://forum.adalo.com/t/professional-components-showcase-app/65811/19 "2026-02-25T18:23:33Z")
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)
---
### Author:  [@nadavma2](https://forum.adalo.com/u/nadavma2)
#### Post date: [February 25, 2026, 11:40pm UTC](https://forum.adalo.com/t/professional-components-showcase-app/65811/20 "2026-02-25T23:40:02Z")
How long does it take to analyze ± 1 image?
[Next page](https://forum.adalo.com/t/professional-components-showcase-app/65811.md?page=2)