Blog

TabBar : place à une nouvelle génération

Avec la nouvelle TabBar, nous enrichissons la navigation de vos apps avec 3 nouveaux layouts, davantage de personnalisation, des animations de sélection et une approche multi-device pensée pour chaque écran.

Dans une app mobile, la navigation ne sert pas seulement à passer d'une section à l'autre. Elle structure l'expérience, crée des repères visuels forts et contribue directement à la perception globale du produit. Avec le nouveau composant TabBar, nous ouvrons une nouvelle étape dans la conception de la navigation, avec plus de liberté de design, plus de flexibilité dans la personnalisation et une adaptation plus poussée selon les devices.

Trois nouveaux layouts pour donner le ton

Cette nouvelle génération de TabBar s'accompagne de trois layouts disponibles dès le lancement : Bold TabBar, Minimal TabBar et Clean TabBar.

  • Bold TabBar donne plus de présence à la navigation, avec une structure visuelle forte et assumée.
  • Minimal TabBar propose une approche plus moderne et plus compacte.
  • Clean TabBar offre un équilibre élégant, avec un rendu épuré, polyvalent et facile à intégrer dans des univers graphiques variés.

Avec ces trois directions, la barre de navigation devient un véritable levier de style. Elle peut s'aligner plus finement sur l'identité de l'app, qu'il s'agisse d'un projet éditorial, d'une app de marque, d'un service, d'un univers lifestyle ou d'une application e-commerce.

Une TabBar plus riche à personnaliser

Le nouveau composant ne se résume pas à de nouveaux layouts. Il s'inscrit dans l'évolution continue du Design System GoodBarber et enrichit les possibilités offertes pour personnaliser la navigation. Backgrounds, formes, ombres, structure des items, états sélectionnés, menu "More", variations selon les appareils : chaque dimension a été pensée pour offrir plus de précision dans le rendu, tout en conservant la cohérence visuelle de l'app. Cette nouvelle TabBar illustre pleinement l'ambition portée par notre Design System : donner plus de liberté de création, sans jamais perdre en qualité d'exécution.

Les animations de sélection accompagnent cette évolution en apportant plus de fluidité aux interactions, une meilleure lisibilité des changements d'état et une sensation d'interface encore plus soignée.

Sur iOS, Android et PWA, la nouvelle TabBar peut également profiter d'effets Material Blur, qui apportent de la profondeur et une touche encore plus premium au rendu visuel.

Une navigation pensée pour chaque écran

Cette évolution reflète aussi une approche multi-device plus affirmée. Sur mobile, la TabBar conserve sa position naturelle en bas de l'écran. Sur desktop, elle devient verticale afin de mieux exploiter l'espace disponible et de s'inscrire dans les usages propres aux interfaces sur grands écrans.

Ce choix prolonge la logique mobile-first de GoodBarber tout en affirmant une vraie qualité d'adaptation sur desktop. Il ne s'agit pas simplement d'afficher la même navigation partout, mais de proposer une expérience cohérente avec chaque contexte d'usage.

Une nouvelle étape pour le design des apps sur GoodBarber

Avec ce nouveau composant, GoodBarber enrichit encore les possibilités offertes à celles et ceux qui veulent créer une app mobile au design premium, sans sortir de la simplicité de production propre au no-code.

Plus expressive, plus personnalisable, plus fluide et mieux pensée pour chaque écran, cette nouvelle TabBar donne une nouvelle dimension à la navigation dans les apps GoodBarber. Une évolution qui renforce à la fois la qualité perçue des interfaces et la liberté de création offerte aux designers, aux marques, aux médias et à tous les créateurs d'apps.

À lire aussi

  4 min de lecture

Vos événements et collectes Zeffy s'affichent dans votre app

En bref. Zeffy Événements et Zeffy Campagnes sont deux extensions de GoodBarber, l'app builder sans code, qui lisent les campagnes d'un organisme sur Zeffy. Zeffy Événements remplit une section Agenda avec les événements à venir, une entrée par date quand un événement a lieu plusieurs fois, chacune avec un bouton qui ouvre la billetterie Zeffy dans l'app. Zeffy Campagnes remplit une section Article avec les formulaires de don, les collectes entre pairs et les adhésions : l'adhésion s'ouvre dans l'app, le don dans le navigateur du téléphone. Vous les connectez avec votre clé d'API Zeffy. Elles sont gratuites pour les apps Content : chaque section compte pour une des extensions incluses dans votre plan.Zeffy indique que plus de 100 000 organismes ont collecté plus de 2 milliards de dollars sur sa plateforme, dans un article publié le 16 juin 2026. Voici comment les deux extensions fonctionnent pour une troupe de théâtre jeunesse qui vend son spectacle et collecte des fonds sur Zeffy.

  6 min de lecture

Comment changer les couleurs de mon app ?

Dans GoodBarber, chaque couleur de votre thème tient un rôle. Sur l'une de nos apps, changer une seule couleur a repeint 95 réglages, sans ouvrir d'écran.

  3 min de lecture

Les événements Church Center de votre église remplissent seuls l'agenda de votre app

En bref. Planning Center est une extension de GoodBarber, l'app builder sans code, qui remplit une section Agenda avec les événements qu'une église publie sur Church Center pour les six mois à venir. Les événements récurrents apparaissent une fois par date, à leurs horaires publics, dans le fuseau horaire de l'église, avec leur visuel, leur lieu et leur description. Quand une inscription est prévue, un bouton ouvre le formulaire dans l'app. Vous la connectez en vous identifiant avec un compte administrateur de Planning Center Calendar : aucune clé à copier. Elle est gratuite pour les apps Content : chaque section compte pour une des extensions incluses dans votre plan.De nombreuses églises tiennent déjà leur agenda dans Planning Center : l'outil revendique 78 000 églises actives et 4 millions d'utilisateurs actifs, selon sa page de présentation, consultée en octobre 2026. Voici comment l'extension fonctionne pour une église qui a un culte chaque semaine et un camp de jeunes.

Conseils pour créer une app