🚀 NEW COMPONENT: Pro Settings Menu — Build a Professional Settings & Profile Screen in Minutes

Resources & Tutorials
,
1

1
11865×1028 58.2 KB

Video Demo: https://youtu.be/FcBf_KUc7QE
More components: kurepadev

Still building your Settings or Profile screen piece by piece in Adalo?

Rows, icons, sections, dividers, profile headers, logout buttons… suddenly a simple settings page becomes a collection of nested components and repetitive work.

Pro Settings Menu gives you a polished, production-ready settings screen from one single component. :high_voltage:

:control_knobs: Two Layouts. One Component.

Choose the structure that fits your app:

:package: Layout A — Grouped Cards

Create up to 4 sections, each with up to 5 actionable rows.

Perfect for:

  • Account
  • Preferences
  • Security
  • Notifications
  • Support

Just enter a section title to activate it. Leave it blank and the section automatically stays hidden.

:clipboard: Layout B — Continuous List

Want something simpler?

Create a clean, modern list with up to 10 rows — perfect for minimal profile and settings screens.

Same simple type-to-activate configuration.

2
21102×591 45 KB

:bust_in_silhouette: Built-in User Profile Header

Give your settings screen a real profile experience with a built-in user card featuring:

  • User avatar
  • User name
  • Email
  • Loading skeleton
  • Automatic initials fallback when no profile image exists

The profile header can have its own background and border styling, independent from the rest of the menu.

:artist_palette: Your Icons, Your Style

Every action supports:

Adalo’s native Material Icons or custom PNG image URLs.

And when you provide a custom PNG, it automatically takes priority.

:rainbow: Complete Design Control

Customize virtually every visual detail:

  • Screen background
  • Card background
  • Border width & radius
  • Shadows
  • Section spacing
  • Dividers
  • Icon containers
  • Arrow chevrons
  • Destructive action colors

Make your settings screen match your brand instead of settling for a generic menu.

:high_voltage: Built for Performance

Built entirely with React Native core components:

View · Text · Image · TouchableOpacity · ScrollView

No external libraries. No unnecessary dependencies. No bloat.

Includes smooth fade-in transitions and defensive fallbacks for a reliable experience.

:mobile_phone: 100% Multiplatform: Works consistently across::laptop: Web, :mobile_phone: iOS, :mobile_phone: Android

:fire: Perfect For

  • Profile screens
  • Account settings
  • App preferences
  • Security menus
  • Notification settings
  • Help & support
  • Admin settings
  • SaaS dashboards
  • Any app that needs a polished settings experience

Pro Settings Menu — Stop building settings screens from scratch.

Drag it into your Adalo app, configure your rows, connect your actions, and ship a professional settings experience in minutes. :rocket:

Video Demo: https://youtu.be/FcBf_KUc7QE
More components: kurepadev