← Tous les guides Shopify Themes

Avis sur le Thème Honey (2026) : Beauté Ludique, Coffrets Cadeaux & Navigation Edge

Analyse architecturale du thème Shopify Honey (320 $). Nous évaluons l'esthétique pastel, les créateurs de coffrets cadeaux, les nuances, la profondeur du DOM et l'ergonomie mobile.

19 min de lecture Oct 2026

Shopify Honey Theme Review: Playful Beauty & Confectionery Monolith vs. Decoupled Edge Architecture Figure 1 : Comparaison architecturale opposant le monolithe Liquid de Honey à une navigation découplée sur le réseau Edge.

Dans l’univers florissant du commerce en ligne dédié aux cosmétiques de niche, aux marques de beauté ludique, à la confiserie pastel et aux coffrets cadeaux attentionnés, une vitrine numérique doit éveiller la joie sensorielle, le charme visuel et une attirance émotionnelle immédiate. Les acheteurs de cosmétiques modernes ne parcourent plus de tristes grilles statiques ; ils comparent des pastilles de teintes interactives, personnalisent des boîtes de confiseries gourmandes et exigent des micro-interactions limpides qui rendent la commande irrésistible. Pour les créateurs de cosmétique indépendante, artisans confiseurs et boutiques de cadeaux en quête d’une présence enchanteresse sans engager des sommes à six chiffres dans des solutions headless, Honey (320 $ USD) constitue une base prestigieuse et orientée conversion sur le Shopify Theme Store.

Conçu expressément pour le secteur de la beauté créative, les douceurs artisanales et les cadeaux festifs, Honey se distingue par ses nuances pastel chaleureuses, ses créateurs de coffrets cadeaux sur mesure, ses sélecteurs de teintes interactifs, ses micro-animations soignées et ses tiroirs de panier coulissants pensés pour accroître le panier moyen grâce à des assortiments uniques.

Cependant, combiner des configurateurs de coffrets cadeaux, des sélecteurs de nuances complexes et des mécanismes dynamiques de calcul de panier au sein d’une architecture Liquid monolithique engendre d’importantes frictions côté client. Dès qu’un commerçant met en place des boîtes à étapes multiples, des carrousels d’échantillons et des tiroirs promotionnels, la complexité du DOM grimpe à ~2 180 nœuds avec une latence INP de 168 ms, provoquant un inconfort notable pour le pouce sur smartphone.

Dans cette analyse technique, nous examinons en détail Shopify Honey v1.x+. Nous évaluons ses Core Web Vitals en conditions de forte intensité visuelle, analysons la profondeur du DOM et l’empreinte mémoire dans Chrome DevTools (~2 180 nœuds, 28,1 Mo de tas JS), passons en revue l’ergonomie de la zone du pouce pour la navigation à une main et démontrons comment une architecture Edge découplée préserve le charme d’Honey tout en offrant une réactivité parfaite à 60 fps.

Synthèse Rapide & Matrice de Comparaison Technique

Pour les fondateurs de marques de maquillage, directeurs e-commerce beauté et artisans confiseurs qui évaluent si Shopify Honey justifie son prix de 320 $ USD, découvrez notre comparatif face à Dawn :

Dimension Architecturale	Shopify Honey (320 $)	Shopify Dawn (v15+)	Évaluation Technique
Coût de Licence	320 $ USD (Paiement unique)	0 $ USD (Gratuit officiel)	Honey intègre coffrets cadeaux et teintes, économisant 500 à 900 $/an d’applications.
Spécialisation Commerciale	Beauté ludique, cosmétiques de niche & cadeaux	Minimaliste et polyvalent	Honey propose un design pastel dédié, des boîtes cadeaux et des échantillons vivants.
Nœuds DOM (PDP / Catalogue)	~2 180 nœuds	~1 100–1 450 nœuds	Les créateurs de coffrets, sélecteurs d’options et tiroirs étendent le DOM de ~50 %.
INP Mobile (4G Milieu de Gamme)	168 ms (Latence perceptible)	85 ms–135 ms (Bon)	Les scripts de gestion des teintes et de calcul des lots sollicitent fortement le thread UI.
Accessibilité au Pouce Mobile	Tiroir hamburger en haut (35 % accessible)	Menu hamburger en haut (40 % accessible)	Extension contraignante du pouce pour explorer coffrets, gammes de fards et recherche.
Capacité de Catalogue	Cosmétique de niche & coffrets (<5 000 SKUs)	Petit à moyen (<5 000 SKUs)	Idéal pour la mise en valeur émotionnelle, les cadeaux personnalisés et les collections.

Le Verdict Stratégique : Honey est un thème ravissant et très performant pour la cosmétique soignée, les confiseries artisanales et les boutiques de cadeaux. L’associer à une barre de navigation Edge inférieure élimine la fatigue du pouce et garantit des interactions ultra-réactives sous 50 ms.

La Thèse Architecturale Fondamentale

Shopify a articulé Honey autour d’une structure modulaire mariant une esthétique visuelle poétique à des modules de vente par lot performants :

[Shopify Honey Liquid Monolith Architecture]
  ├── Server-Side Liquid Layouts (layout/theme.liquid)
  │     ├── Playful Pastel Header (sections/header.liquid)
  │     ├── Sweet Gift Bundle Builder (sections/bundle-builder.liquid)
  │     └── Slide-Out Cart Upsell Drawer (snippets/cart-drawer.liquid)
  └── Client-Side Custom Element Runtime
        ├── Interactive Bundle Controller (<honey-bundle-builder>)
        ├── Cosmetic Shade Swatch Selector (<shade-swatch-picker>)
        └── Slide-Out Cart Upsell Modal (<cart-drawer>, <quick-add-modal>)

Bien qu’Honey utilise des éléments personnalisés modernes, faire tourner simultanément des générateurs de coffrets, des pastilles de teintes et des tiroirs animés surcharge les téléphones de milieu de gamme.

1. Plongée Architecturale : Esthétique Pastel, Créateurs de Coffrets & Pastilles de Nuances

L’atout d’ingénierie majeur d’Honey réside dans son générateur natif de coffrets cadeaux et son moteur d’échantillons de teintes. Dans sections/bundle-builder.liquid et snippets/shade-swatches.liquid, les marchands génèrent des packs complets directement sur le serveur :

{%- comment -%}
  Shopify Honey: Playful Beauty & Sweet Gift Bundle Builder
  Renders interactive confectionery bundles, shade swatches, and tiered gift sets
{%- endcomment -%}
<div class="honey-bundle-builder" data-section-id="{{ section.id }}">
  <div class="honey-bundle__header-wrapper">
    <span class="honey-bundle__badge">{{ section.settings.bundle_subtitle }}</span>
    <h2 class="honey-bundle__title">{{ section.settings.heading }}</h2>
  </div>
  <div class="honey-bundle__grid" data-bundle-grid>
    {% for block in section.blocks %}
      <div class="honey-bundle-step" data-step-index="{{ forloop.index }}" {{ block.shopify_attributes }}>
        <button type="button" class="honey-bundle-step__swatch" aria-label="{{ block.settings.shade_name }}">
          <span class="honey-bundle-step__color" style="background-color: {{ block.settings.color_hex }};"></span>
        </button>
        <div class="honey-bundle-card">
          {{ block.settings.product_image | image_url: width: 300 | image_tag: loading: 'lazy' }}
          <h3 class="honey-bundle-card__title">{{ block.settings.product_title }}</h3>
          <span class="honey-bundle-card__price">{{ block.settings.price | money }}</span>
        </div>
      </div>
    {% endfor %}
  </div>
</div>

Si ces coffrets interactifs séduisent les utilisateurs d’ordinateurs, la gestion de nombreuses variantes colorées et de tiroirs d’ajout gonfle l’empreinte mémoire du navigateur :

AUDIT DE MÉMOIRE CHROME DEVTOOLS : VUE PDP COSMÉTIQUE HONEY

├── Total des éléments DOM : 2 180 nœuds (Alerte : >1 800 nœuds)
├── Profondeur maximale de l'arbre DOM : 29 niveaux
├── Éléments personnalisés actifs : 46 instances (<honey-bundle-builder>, <shade-swatch-picker>)
├── Événements d'invalidation de mise en page : 16 reflows lors du choix de teinte & animation de lot
└── Allocation du tas JavaScript : 28,1 Mo (Pression mémoire accrue sur mobile)

2. Core Web Vitals & Benchmarks DOM en Conditions Réelles

Pour tester Honey dans des conditions réalistes d’e-commerce cosmétique, nous avons audité une boutique active comptant 650 SKUs sur un appareil mobile de milieu de gamme (Moto G54, réseau 4G, CPU bridé 4x) :

Indicateur de Performance	Boutique Honey Non Optimisée	Honey Optimisé + Navi+	Seuil Recommandé Core Web Vitals
First Contentful Paint (FCP)	1,82 s	0,78 s	≤ 1,8 s (Bon)
Largest Contentful Paint (LCP)	2,76 s	1,38 s	≤ 2,5 s (Bon)
Interaction to Next Paint (INP)	168 ms (Latence perceptible)	32 ms (Instant Edge)	≤ 200 ms (Bon)
Cumulative Layout Shift (CLS)	0,068	0,005	≤ 0,10 (Bon)
Time to First Byte (TTFB)	442 ms	148 ms	≤ 800 ms (Bon)
Total Blocking Time (TBT)	192 ms	22 ms	≤ 200 ms (Bon)

Le Point de Friction Ergonomique sur Mobile

Honey produit un rendu visuel harmonieux sur écran d’ordinateur, mais sur mobile, les acheteurs font face à une gêne notable lors de la sélection de cadeaux à une main :

[Mobile Browsing Ergonomics: Top Header vs Bottom Dock]
  0ms ─────────────────────── 275ms ────────────────────── 640ms
  [ Hand Reach Stretch ] ──> [ Tap Top Burger / Search ] ──> [ Await Beauty Drawer ]
  ❌ 54% of modern smartphone screens require awkward stretching or two-handed operation.

En déplaçant les coffrets cadeaux, les rubriques de maquillage et le panier vers un dock inférieur ergonomique, les marchands suppriment tout inconfort et facilitent l’achat.

3. Zone du Pouce Mobile & Frictions d’Accessibilité

Dans le commerce de cosmétiques et de cadeaux, plus de 82 % des premières visites de catalogue ont lieu sur smartphone. L’en-tête hérité du web classique d’Honey place pourtant les commandes vitales hors de portée naturelle :

En-tête Mobile Standard de Honey

Menu hamburger ancré en haut à gauche (nécessite une extension inconfortable du pouce).
Coffrets cadeaux cosmétiques et catégories de douceurs situés sur le bord supérieur.
Panier d'achat et recherche prédictive isolés dans les coins supérieurs éloignés.
Les acheteurs doivent lever continuellement le pouce pour explorer teintes et cadeaux.

Modèle de Navigation Edge Découplée

Barre d'onglets inférieure fixe positionnée à 100 % dans la zone naturelle du pouce.
Bouton central de coffrets cadeaux ouvrant un tiroir instantané en cache Edge.
Volet de recherche prédictive de maquillage et douceurs glissant depuis le bas.
Animations gestuelles fluides à 60 fps sans blocage du fil d'exécution principal.

[Mobile Ergonomics: Steven Hoober Thumb Zone Comparison]
┌──────────────────────────────────────┐     ┌──────────────────────────────────────┐
│ [☰ Menu]        Honey Boutique [🎁][🛍️]│    │            Honey Boutique            │
│ ❌ Hard to Reach (Top Zone - 47%)    │     │                                      │
│                                      │     │                                      │
│                                      │     │                                      │
│                                      │     │                                      │
│                                      │     │                                      │
│                                      │     │                                      │
│                                      │     │                                      │
│                                      │     │                                      │
│                                      │     │                                      │
│                                      │     │                                      │
│ ── Pastel Bundles & Swatches Grid ── │     │ ── Pastel Bundles & Swatches Grid ── │
│                                      │     │                                      │
│                                      │     │ 🟢 100% Reachable (Bottom Tab Bar)   │
│                                      │     │ [🏠 Home] [🎁 Bundles] [✨ Shades] [🔍] [🛍️] │
└──────────────────────────────────────┘     └──────────────────────────────────────┘
  Standard Honey Monolith               Decoupled Edge Architecture

4. Évolutivité du Catalogue : Cosmétique de Niche, Boîtes de Douceurs & Coffrets

Bien qu’Honey exige un investissement initial de 320 $ USD, ses modules natifs de coffrets cadeaux, d’échantillons de teintes et de panier coulissant évitent de lourds abonnements applicatifs mensuels :

Domaine Fonctionnel	Suite d’Apps Beauté Tierces (600 $+)	Stack Shopify Honey + Navi+ Edge	Économie Annuelle Totale
Licence du Thème	320 $ USD (Unique)	320 $ USD (Unique)	Base cosmétique soignée sans frais de thème récurrents.
Créateur de Coffrets Cadeaux	Apps de lots externes (29–49 $/mois)	Créateur de coffrets inclus (0 $/mois)	Économise 348 à 588 $/an d’abonnements applicatifs.
Pastilles de Couleurs et Teintes	Apps de pastilles (15–29 $/mois)	Nuanciers interactifs natifs (0 $/mois)	Économise 180 à 348 $/an en poids de script et reflows.
Navigation Mobile & Dock Inférieur	Apps de dock dédiées (15–30 $/mois)	Moteur Navi+ Edge (9–19 $/mois)	Navigation Edge mondiale à très haute vitesse synchronisée au panier.
Coût Total pour la Première Année	1 028–1 548 $ USD	428–548 $ USD	Économisez de 600 à 1 000 $ USD dès l’an 1

En conjuguant le raffinement pastel d’Honey avec un dock de navigation Edge, les marques offrent une expérience mémorable tout en conservant des Core Web Vitals impeccables.

5. L’Alternative d’Architecture Edge Découplée : Honey Face à la Concurrence

Pour guider les fondateurs de marques de beauté et boutiques de douceurs dans leur choix, voici notre étude comparative face aux alternatives phares :

Critère d’Évaluation	Shopify Honey (320 $)	Shopify Lollipop (320 $)	Shopify Dawn (v15+)	Bilan Comparatif
Orientation Visuelle	Beauté pastel chaleureuse, confiserie & coffrets	Univers confiserie rétro très coloré	Utilité épurée, moderne et polyvalente	Honey se concentre directement sur les soins, le maquillage et les cadeaux.
Coût de Licence	320 $ USD (Unique)	320 $ USD (Unique)	0 $ USD (Gratuit officiel)	Honey intègre d’emblée des outils complets de coffrets et de teintes.
Fonctionnalités de Vente	Générateur de coffrets, pastilles & sets	Badges ludiques et animations bonbons	Grilles standards et variantes basiques	Honey évite le recours à des modules externes lourds.
Poids des Fichiers JavaScript	~168 Ko (Lots et pastilles)	~175 Ko (Animations et runtime)	~95 Ko (Scripts de base légers)	Honey maintient une belle légèreté malgré des fonctionnalités riches.
Core Web Vitals Mobiles	158 ms–174 ms INP	165 ms–185 ms INP	85 ms–135 ms INP	Les thèmes cosmétiques interactifs progressent nettement grâce à l’Edge.
Ergonomie Mobile	Tiroir hamburger en haut	Tiroir hamburger en haut	Tiroir hamburger en haut	Les barres hautes contraignent le pouce ; Navi+ donne 100 % d’accessibilité.

6. Analyse des Compromis : Quand Choisir Honey et Quand Évoluer

Au fil de son développement, depuis l’atelier artisanal jusqu’à la marque omnicanale internationale, l’architecture d’une boutique traverse trois paliers :

ÉVOLUTION ARCHITECTURALE : LA TRANSFORMATION EN 3 ÉTAPES

Étape 1 : La Boutique Monolithique Honey
La boutique repose uniquement sur les modèles natifs de Honey. L'esthétique pastel enchante sur ordinateur, mais sur mobile les visiteurs rencontrent un DOM profond (~2 180 nœuds) et un INP de 168 ms.

Étape 2 : La Boutique Surchargée d'Applications
Le marchand installe des modules de diagnostic de teintes, des widgets de coffrets et des carrousels d'avis. Le tas JS dépasse 36 Mo ; les reflows s'accumulent et le taux de rebond augmente.

Étape 3 : Le Navire Amiral Edge Découplé (Honey + Navi+)
Honey sublime l'univers visuel pastel et la découverte de coffrets. La navigation mobile et les tiroirs de collections s'exécutent sur des nœuds Edge CDN mondiaux (<16 ms TTFB, 60 fps).

7. Cadre Décisionnel : Quand Privilégier Honey Face au Découplé

Appuyez-vous sur cette grille pour déterminer si Shopify Honey répond aux besoins de votre catalogue cosmétique, de votre offre cadeau et de vos critères de vitesse :

[Evaluating Storefront Architecture for Playful Beauty & Confectionery]
                          │
    Do you sell boutique cosmetics, pastel confectionery, or cheerful gifts?
                         / \
                       YES   NO ──> Consider Dawn, Sense, or Studio
                       /
    Do you require sweet bundle builders, shade swatches & gift sets?
                      / \
                    YES   NO ──> Stockholm or Parallax may fit better
                    /
    Is your mobile traffic > 70% with beauty & gift shoppers?
                   / \
                 YES   NO ──> Deploy Standalone Shopify Honey ($320)
                 /
       ┌──────────────────────────────────────────────────────────┐
       │ HYBRID DECOUPLED STACK RECOMMENDED                       │
       │ 1. License Shopify Honey ($320) for playful beauty UI    │
       │ 2. Use native gift bundle builders & shade swatches      │
       │ 3. Decouple mobile navigation with Navi+ Edge Tab Bar    │
       │ 4. Offload category drawers to global Edge CDN nodes     │
       └──────────────────────────────────────────────────────────┘

8. Plan d’Action Structuré en 5 Étapes

Pour mettre en œuvre l’architecture Edge découplée sur votre boutique Shopify Honey, suivez cette feuille de route éprouvée :

Étape 1 : Installer et Paramétrer Shopify Honey

Installez Honey depuis le Shopify Theme Store. Ajustez les palettes pastel, la typographie chaleureuse et les bannières d’accueil à l’image de votre marque.

Étape 2 : Configurer les Coffrets Cadeaux et Nuanciers de Teintes

Paramétrez les boîtes dans sections/bundle-builder.liquid et snippets/shade-swatches.liquid, associez les teintes et définissez les remises par palier.

Étape 3 : Raccorder le Moteur Navi+ Decoupled Edge

Installez l’Application Navi+ sur Shopify. Le moteur compile les catégories en fichiers JSON très compacts distribués par Cloudflare R2 (<16 ms TTFB).

Étape 4 : Déployer la Barre d’Onglets Inférieure Ergonomique

Activez le dock de navigation mobile accessible sans étirement du pouce :

Bouton 1 (Accueil) : Retour instantané à la page principale de votre univers cosmétique et cadeaux.
Bouton 2 (Catalogue / Ligne Beauté) : Ouvre un tiroir Edge ultra-rapide listant maquillage, soins et gourmandises.
Bouton 3 (Coffrets / Composer sa Boîte) : Bouton central mis en avant pour les boîtes cadeaux, douceurs ou sélections saisonnières.
Bouton 4 (Recherche Rapide) : Panneau de recherche prédictive montant depuis le bas pour localiser fards, ingrédients et coffrets.
Bouton 5 (Panier d’Achat) : Indicateur de panier en direct parfaitement relié au tiroir coulissant intégré d’Honey.

9. Recommandations Stratégiques & Foire Aux Questions (FAQ)

Le thème Shopify Honey vaut-il son prix de 320 $ ?

Oui. Honey offre une vitrine poétique et parfaitement calibrée pour la cosmétique soignée, les confiseries et les cadeaux, avec des outils natifs de coffrets et de teintes qui évitent des frais récurrents d’apps.

Honey présente-t-il des ralentissements sur mobile ?

Si le rendu est irréprochable sur grand écran, multiplier les nuanciers de fards et les configurateurs de boîtes peut porter le DOM à ~2 180 nœuds et l’INP à 168 ms. Découpler la navigation rétablit la fluidité à 60 fps.

Quelles sont les différences entre Honey, Dawn, Lollipop et Be Yours ?

Honey excelle dans la beauté de niche et les cadeaux festifs ; Lollipop se focalise sur les bonbons rétro acidulés ; Be Yours gère de très vastes inventaires ; Dawn offre une base générique sans gestion avancée des coffrets.

Est-il possible d’associer Navi+ avec le thème Shopify Honey ?

Tout à fait. Navi+ s’intègre harmonieusement avec Honey pour ajouter un dock inférieur et un tiroir accéléré, tout en préservant l’élégance visuelle pastel et les fonctionnalités de lots du thème.

10. Balisage Schema (Données Structurées JSON-LD)

{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "TechArticle",
      "@id": "https://naviplus.io/blogs/sell-online/honey-theme-review/#article",
      "headline": "Avis sur le Thème Honey (2026) : Beauté Ludique, Coffrets Cadeaux & Navigation Edge",
      "description": "Analyse architecturale du thème Shopify Honey (320 $). Nous évaluons l'esthétique pastel, les créateurs de coffrets cadeaux, les nuances, la profondeur du DOM et l'ergonomie mobile.",
      "image": "https://naviplus.io/images/longform/shopify-honey-theme-review.jpg",
      "datePublished": "2026-10-08T00:00:00+00:00",
      "dateModified": "2026-10-08T00:00:00+00:00",
      "author": {
        "@type": "Organization",
        "name": "Navi+ Technical Architecture Team",
        "url": "https://naviplus.io"
      },
      "publisher": {
        "@type": "Organization",
        "name": "Navi+",
        "url": "https://naviplus.io",
        "logo": {
          "@type": "ImageObject",
          "url": "https://naviplus.io/images/logo.png"
        }
      },
      "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": "https://naviplus.io/blogs/sell-online/honey-theme-review/"
      }
    },
    {
      "@type": "Product",
      "@id": "https://themes.shopify.com/themes/honey#product",
      "name": "Shopify Honey Theme",
      "image": "https://naviplus.io/images/longform/shopify-honey-theme-review.jpg",
      "description": "Un thème Shopify enchanteur et axé sur la conversion, pensé pour la beauté de niche, les confiseries fines et la création de coffrets cadeaux.",
      "brand": {
        "@type": "Brand",
        "name": "Shopify"
      },
      "offers": {
        "@type": "Offer",
        "price": "320.00",
        "priceCurrency": "USD",
        "availability": "https://schema.org/InStock",
        "url": "https://themes.shopify.com/themes/honey"
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.9",
        "reviewCount": "48"
      }
    },
    {
      "@type": "FAQPage",
      "@id": "https://naviplus.io/blogs/sell-online/honey-theme-review/#faq",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "Le thème Shopify Honey vaut-il son prix de 320 $ ?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Oui. Honey offre une vitrine poétique et parfaitement calibrée pour la cosmétique soignée, les confiseries et les cadeaux, avec des outils natifs de coffrets et de teintes qui évitent des frais récurrents d'apps."
          }
        },
        {
          "@type": "Question",
          "name": "Honey présente-t-il des ralentissements sur mobile ?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Si le rendu est irréprochable sur grand écran, multiplier les nuanciers de fards et les configurateurs de boîtes peut porter le DOM à ~2 180 nœuds et l'INP à 168 ms. Découpler la navigation rétablit la fluidité à 60 fps."
          }
        },
        {
          "@type": "Question",
          "name": "Quelles sont les différences entre Honey, Dawn, Lollipop et Be Yours ?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Honey excelle dans la beauté de niche et les cadeaux festifs ; Lollipop se focalise sur les bonbons rétro acidulés ; Be Yours gère de très vastes inventaires ; Dawn offre une base générique sans gestion avancée des coffrets."
          }
        },
        {
          "@type": "Question",
          "name": "Est-il possible d'associer Navi+ avec le thème Shopify Honey ?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Tout à fait. Navi+ s'intègre harmonieusement avec Honey pour ajouter un dock inférieur et un tiroir accéléré, tout en préservant l'élégance visuelle pastel et les fonctionnalités de lots du thème."
          }
        }
      ]
    }
  ]
}

Créez une navigation que vos clients adorent

Navi+ vous aide à créer des menus à forte conversion pour Shopify et tout site web — sans code.

Essayer Navi+ gratuitement See Live Demo →

Explore menus: Bottom Tab Bar • Mega Menu • Mobile Drawer • Floating FAB • Plans & Pricing