Does Menu Restaurant work with Next.js?

Yes. It is a React 19 component styled with Tailwind CSS 4, so it drops into a Next.js page, a Vite app, Remix or Astro.

Can I change the copy and colours?

Yes. The section is a file in your project. Text, links and images are plain props or JSX, and colours come from your theme's CSS variables, so a brand change is a token edit.

Menu Restaurant

Printed-menu section with serif dishes, dotted price leaders, dietary tags and course tabs.

Type: Commerce section
Styles: Minimal, Light
Licence: Charcoal UI Pro

About Menu Restaurant

Menu Restaurant looks like a printed menu: course tabs, serif dish names, a short note under each, dotted leaders to the price and small dietary tags.

It is a full-width commerce section for React and Tailwind CSS 4, in a minimal and light style. Preview it at any width above, then install it with one command.

When to use Menu Restaurant

Restaurants, cafés and bakeries.
Barbers and salons as a price list.
Spas and treatment menus.
Meal plans for nutrition coaching.

How it is built

Courses and dishes are plain data, tabs slide an underline between courses, and the footnote explains the tags.

It has no component dependencies beyond the shared utilities, so it is one file to read and change.

Goes well with Menu Restaurant

Menu Restaurant is part of 5 full templates, so you can see it in a finished page.

Juniper template: Wood fire, small plates, booked tables.
Kinfolk template: Bread, coffee and three neighbourhood shops.
Fade template: Book a chair, skip the wait.
Stillwater template: Treatments, booked in a breath.
Nourish template: A coach in your pocket, a plan on your plate.
Product Detail: A React product page with gallery, live frame preview, sizes and add to bag
Product Grid: A React shop grid with category chips, sorting, wishlist and quick add
Listings Stays: React rental listings beside a map where cards and price pins highlight together
Commerce Bundle: A build-your-own bundle React section with tiered discounts and a progress bar

Install Menu Restaurant

npx shadcn@latest add @charcoal/menu-restaurant

Menu Restaurant is part of Charcoal UI Pro: one seat covers all 107 sections, 100 templates and 300 Pro components, for unlimited projects. The command installs the section into components/sections along with every component it uses.

Frequently asked questions

Does Menu Restaurant work with Next.js?: Yes. It is a React 19 component styled with Tailwind CSS 4, so it drops into a Next.js page, a Vite app, Remix or Astro.
Can I change the copy and colours?: Yes. The section is a file in your project. Text, links and images are plain props or JSX, and colours come from your theme's CSS variables, so a brand change is a token edit.

Menu Restaurant as Markdown