Skip to content
Forge

Tabbed restaurant menu

A menu organized into Starters, Mains and Desserts tabs, with leader dots up to the prices.

  • Tailwind
  • React
  • CSS
  • WordPress
Open in a new tab

Description

Leader dots are decorative and hidden from screen readers, which simply read the dish then its price. Prices use tabular digits for clean alignment.

Code

Loading the code…

Archive contents

onglets-carte-restaurant-html-tailwind.zip3 files · 4 Ko

  • index.html7 Ko
  • README.md2 Ko
  • LICENSE.md1 Ko

Tags

Updated on October 13, 2026.

In the same spirit

  • Vertical tabs

    Coming soon

    A column of tabs on the left and content on the right, for settings and customer area pages.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Underlined tabs

    Free

    Understated tabs with an underlined active tab, to organize the information on a product page.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Pill tabs

    Coming soon

    A pill selector in a rounded track, to compare plans or variants.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Folder tabs

    Coming soon

    Binder-style folder tabs that merge into the active panel, for a day-by-day itinerary.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
Tabbed restaurant menu | Forge