New Component: Pin Input — Now on the Marketplace! 🎉

Info & Announcements
1

Hey Adalo Community! :waving_hand:

I’m excited to share a new component that’s now available on the Adalo Marketplace:

Pin Input

Individual PIN/OTP entry boxes — auto-advance, validation, shake animation, and Magic Text output

pin-input-hero-banner
pin-input-hero-banner1600×1000 39 KB

Individual input boxes for PIN and OTP verification codes. Auto-advances between boxes, validates against a correct answer with shake feedback, supports password mode, and outputs the entered value via Magic Text.

Key Features

:white_check_mark: 1–10 configurable input boxes with auto-advance
:white_check_mark: Entered PIN Value available as Magic Text (formValue)
:white_check_mark: Validate against a correct answer with On Correct and On Incorrect actions
:white_check_mark: Shake animation on wrong input for instant visual feedback
:white_check_mark: Password mode — mask characters with dots
:white_check_mark: Auto Advance toggle — move to next box automatically or manually
:white_check_mark: After Completion behavior: Don’t Clear, Clear Always, Clear if Correct, Clear if Wrong
:white_check_mark: Number or Text keyboard modes
:white_check_mark: Customizable box size, colors, border radius, and focused state styling
:white_check_mark: Auto Focus on screen load
:white_check_mark: On Complete action fires when all boxes are filled
:white_check_mark: Works on Web, iOS, and Android

Perfect For

• Two-factor authentication
• App lock screens
• Order pickup verification
• Email confirmation codes
• Parental control PINs
• Payment confirmation

How to Get It

  1. Open your Adalo app editor
  2. Click the + button to open the Add Components panel
  3. Browse Marketplace Components or search for “Pin Input”
  4. Click to add it to your app — done!

If you have any questions or feedback, drop a comment below. I’d love to hear how you’re using it! :rocket:

3 Likes
3

Excellent, upgrading the navigation bar could also be great!

1 Like
4

Nadav, could you provide which specific updates needed for the nav bar or create a feature request topic? Thank you and have a great day!

5

Transition animations, liquid glass, etc. The current version is very basic.

1 Like
6

@AKyle Big fan of this.

Any chance you could add the number keyboard option to a text input, when type is set to number? And also include a decimenl point with it too in that scenario.

This would round off one of my apps perfectly

1 Like
8

@diegozane How about something like this?

1 Like
9

Oh yes, you absolute legend!! Very happy with all these new components