⭐️ NEW COMPONENT: RatingCardPro — The Ultimate Star-Rating & Feedback System

Resources & Tutorials
,
1

1
1672×370 11.5 KB

VideoDemo: https://youtu.be/8HrT2KclPuQ
More componets: kurepadev

Hey Adalo Makers! :waving_hand:

Gathering user reviews in Adalo usually requires a frustrating maze of individual components: 5 star icons with complex conditional visibility, floating text inputs, misaligned buttons, and an extra screen just to say “Thank you!”.

RatingCardPro unifies this entire flow into a single, highly optimized, responsive card. Users tap to rate, type their feedback, and submit. The component instantly triggers native Adalo actions—passing the rating (Number) and text (String) directly to your database—and immediately displays a built-in success state.

:high_voltage: Key Features

  • Interactive 5-Star Rating: Fluid tap and hover animations with absolute color control over active (filled) and inactive (empty) star states.

  • Built-in Multiline Feedback Field: An integrated text area for detailed reviews. No more placing external text inputs that break layout scaling.

  • Smart Dual Action Buttons (Submit / Skip):

    • Submit: Triggers a native Adalo action, delivering the precise rating value (Number) and comment text (String) ready to save to your database in one click.

    • Skip: A clean, secondary button allowing users to dismiss the prompt with its own independent action (perfect for closing modals or back-navigation).

  • Integrated Success Popup: Upon submission, a gorgeous “Thank You” popup appears instantly without needing extra screens. Customize its title, subtitle, colors, and button—complete with its own “On Popup Close” action.

  • Complete Visual Control: Easily adjust background colors, border radius, elevation shadows, fonts, and placeholders right from the Adalo editor.

  • Guaranteed Native Performance: Built in pure React Native with zero external dependencies for smooth cross-platform stability on Web, iOS, and Android.

:money_bag: Do the Math: Less Logic, Better UX

Building this feedback flow, handling validation, styling rating stars, and designing a “Thank You” screen manually can take 8 to 12 hours of tedious configuration and bug testing. With RatingCardPro, you drag and drop, connect your reviews collection in 5 minutes, and deliver an app-store-grade feedback experience.

VideoDemo: https://youtu.be/8HrT2KclPuQ
More componets: kurepadev

2 Likes