Skip to main content
Skip to content
ui19.njs.demo.templateempire.io
Mise preview

Food & Beverage

Mise

$149one-time

  • 33 production-ready pages
  • GSAP + Three.js + Lenis + Motion
  • Dark & light mode
  • Lifetime updates
  • Commercial licence

Built for Customisation

Every design decision is a token you can change. No vendor lock-in, no black boxes.

Colour System

OKLCH colour tokens. Change every colour from one file. Dark and light mode built into every page.

Typography

System font stack with semantic scale (--font-xs through --font-5xl). Swap one import.

Component Architecture

shadcn/ui base. Every component is a file you own and can modify. No black-box packages.

Accessibility

WCAG 2.2 AA. Every animation respects prefers-reduced-motion. Semantic HTML throughout.

Quality Gate Report

Every kit passes a 17-gate quality audit before release. The full report ships in your download.

17/17Quality gates passed
0TypeScript errors
0ESLint warnings
90+Lighthouse (all configs)
TypeScript strict mode — zero type errors
ESLint + Prettier — zero warnings
Zero OWASP findings — dependency audit clean
Accessibility: WCAG 2.2 AA compliant
prefers-reduced-motion respected on all animations
Tested 375px → 2560px across all breakpoints

What's Included

Complete source code

Full source code. No obfuscation, no hidden dependencies.

Docs & quality report

Setup guide, customisation guide, and full quality gate audit report.

Design tokens

OKLCH colours, font scale, spacing system in one file.

Lifetime updates + support

Free updates forever. Email support that doesn’t expire. Buy once, benefit always.

Dark & light mode

Both modes production-ready. Toggle with one prop.

Responsive

Mobile-first design tested across all device sizes.

Commercial licence

Use for client work, SaaS products, or internal tools.

Changelog

  1. v0.9.10

    Maintenance1 June 2026

    Dependency maintenance: pinned dependencies to ensure consistent builds and reproducible installs across environments. No feature changes or breaking updates.

  2. v0.9.9

    Maintenance1 June 2026

    Dependency maintenance: updated non-major dependencies to their latest patch and minor versions. No breaking changes or feature additions. Recommended for all users running v0.9.x.

  3. v0.9.8

    Minor31 May 2026

    **Accessibility:** Fixed contrast issue where white text on primary backgrounds now correctly uses the `text-(--bg-deep)` token (#115). This ensures WCAG AA compliance across all primary-colored UI elements and improves readability in light and dark modes.

  4. v0.9.7

    Maintenance31 May 2026

    Fixed documentation route exclusion in release zip archives. The `/docs` path is now correctly excluded during packaging to prevent duplicate or conflicting documentation routes in shipped builds.

  5. v0.9.6

    Minor27 May 2026

    Fixed overflow handling in the hero trusted-bar chips component when displaying longer venue names. The chips now properly constrain text and maintain layout integrity across viewport sizes, improving the visual presentation for businesses with extended names.

  6. v0.9.5

    Maintenance27 May 2026

    Internal: refreshed Quality-Gate Report PDF with backfilled audit data to improve internal compliance tracking and documentation accuracy.

  7. v0.9.4

    Maintenance26 May 2026

    Packaging cleanup: removed unnecessary documentation artifacts (AGENTS.md, docs folder, Word files) from the release bundle to reduce download size. Added Quick-Start PDF guide to package contents.

  8. v0.9.3

    Maintenance26 May 2026

    Documentation: added PREMIUM_AUDIT.md reference guide for external audit tracking and compliance documentation.

  9. v0.9.2

    Maintenance26 May 2026

    Dependency maintenance: aligned pnpm.overrides to resolve cross-major version mismatches (#100). This ensures consistent dependency resolution across the project without affecting template functionality or buyer workflows.

  10. v0.9.1

    Minor26 May 2026

    **Fixed:** useCountUp hook now correctly initializes values during server-side rendering, eliminating hydration mismatches between server and client. This ensures count animations render consistently across SSR environments without layout shift or console warnings. No breaking changes. Update at your convenience.

  11. v0.9.0

    Minor26 May 2026

    **Homepage Enhancement**: Added a dashboard tease section positioned between testimonials and pricing. This new component introduces early context around dashboard capabilities, improving the narrative flow and helping visitors understand the product's core value before conversion.

  12. v0.8.9

    Maintenance26 May 2026

    Documentation: Updated references from Framer Motion to Motion (motion/react) to reflect current library naming. Reorganized dashboard pages into components structure for clarity. No changes to component APIs or runtime behavior.

  13. v0.8.8

    Minor26 May 2026

    Fixed vendor name handling to comply with content-scan P332 requirements. Real vendor names are now properly scrubbed from the template, ensuring your instances meet privacy standards without manual intervention. This is a recommended update for all users, particularly those in regulated industries or with strict data handling policies.

  14. v0.8.7

    Maintenance26 May 2026

    Maintenance release. Dependency and tooling updates to keep the template current with the Next.js ecosystem.

  15. v0.8.6

    Maintenance26 May 2026

    Maintenance release. Dependency updates and internal improvements to keep the template stable and secure.

  16. v0.8.5

    Minor26 May 2026

    **Marketing & Legal** Replaced vendor-specific POS claims with vendor-neutral phrasing throughout marketing copy. Updated DEMO_CONTENT.md to reflect accurate positioning. **Premium Audit Fixes** Resolved P0, P1, and P2 audit findings across dashboard, hero, contact, and legal components. Improvements include enhanced accessibility, semantic HTML, and focus management. **Dependencies** Bumped non-major dependencies to latest patch versions for security and stability. No migration required. Update at your convenience.

  17. v0.8.4

    Maintenance26 May 2026

    Minor maintenance release. - **fix(dashboard)**: corrected full-width wrapper layout - **lint(label)**: removed unused eslint-disable directive No breaking changes or new features. Safe to update.

  18. v0.8.3

    Maintenance25 May 2026

    Documentation: synced primitive JSDoc from UI00-BASE upstream template and cleaned up eslint comments for consistency. Internal maintenance release with no functional changes.

  19. v0.8.2

    Maintenance25 May 2026

    Dependency security: Applied pnpm override for qs to mitigate DoS vulnerability (#85). Propagated upstream changes from UI00-BASE #116 for consistency across the template suite. No breaking changes or new features in this release.

  20. v0.8.1

    Maintenance25 May 2026

    Internal synchronization with UI00-BASE template: - Updated RevealOnScroll component `as` prop interface for consistency - Synced useIsMobile hook to use singleton pattern for improved performance No breaking changes or new features in this release.

  21. v0.8.0

    Update25 May 2026

    Backported LiveActivityRail component with native Mise event pool integration. This component enables real-time activity feeds for food & beverage workflows—display live order status, kitchen updates, and delivery tracking without custom event handling. Key additions: - **LiveActivityRail**: Responsive activity rail component with Mise event pool bindings - **Event pool integration**: Automatic sync with Mise event streams for live data - **Food & beverage optimized**: Pre-configured for order, kitchen, and delivery state flows Use LiveActivityRail to surface real-time operational data direc…

    Show full notes →

    Backported LiveActivityRail component with native Mise event pool integration. This component enables real-time activity feeds for food & beverage workflows—display live order status, kitchen updates, and delivery tracking without custom event handling. Key additions: - **LiveActivityRail**: Responsive activity rail component with Mise event pool bindings - **Event pool integration**: Automatic sync with Mise event streams for live data - **Food & beverage optimized**: Pre-configured for order, kitchen, and delivery state flows Use LiveActivityRail to surface real-time operational data directly in your UI. Full component API and Mise integration examples available in the docs.

  22. v0.7.0

    Update25 May 2026

    Backported form primitives from UI00-BASE (PR #94) to ui19-mise-food-beverage-nextjs. This release adds a suite of reusable form components including input, textarea, select, checkbox, and radio primitives with consistent styling and accessibility support. These primitives are fully integrated into the Next.js template and ready for use in order forms, contact pages, and customer feedback workflows common to food & beverage applications. **What's included:** - Input, textarea, and select field components - Checkbox and radio button primitives - Built-in validation and error state handling -…

    Show full notes →

    Backported form primitives from UI00-BASE (PR #94) to ui19-mise-food-beverage-nextjs. This release adds a suite of reusable form components including input, textarea, select, checkbox, and radio primitives with consistent styling and accessibility support. These primitives are fully integrated into the Next.js template and ready for use in order forms, contact pages, and customer feedback workflows common to food & beverage applications. **What's included:** - Input, textarea, and select field components - Checkbox and radio button primitives - Built-in validation and error state handling - Full TypeScript support - Accessible ARIA attributes Update to v0.7.0 to access these components in your template.

  23. v0.6.3

    Maintenance25 May 2026

    Dependency maintenance: updated @types/react to v19.2.15 for continued TypeScript compatibility with React 19.x.

  24. v0.6.2

    Maintenance25 May 2026

    Dependency maintenance: pinned dependencies to ensure consistent builds and reproducible installs across environments. No feature changes or breaking updates.

  25. v0.6.1

    Maintenance25 May 2026

    Dependency management: added pnpm.overrides for ws and brace-expansion@5.x to ensure consistent transitive dependency resolution across the project. No functional changes.

  26. v0.6.0

    Update25 May 2026

    Backported the Skeleton component primitive from UI00-BASE, along with a production-ready `dashboard/loading.tsx` implementation. This gives you a composable, accessible loading skeleton that integrates seamlessly with Next.js streaming and Suspense boundaries. Use Skeleton to build custom loading placeholders for cards, tables, and data-heavy sections. The dashboard example demonstrates best practices for skeleton layouts during initial page load and data fetches. No breaking changes. Drop-in addition to your component library.

  27. v0.5.0

    Minor25 May 2026

    Added root `opengraph-image.tsx` powered by Next.js `next/og` with brand-aware composition. Social shares and link previews now render with dynamically generated, on-brand imagery instead of falling back to defaults. The implementation uses Next.js Image Generation API to compose OG images at request time, respecting your brand colors and typography. No configuration required—it works out of the box for all routes.

  28. v0.4.0

    Minor25 May 2026

    OpenType feature refinements for improved readability across the food & beverage template: - **Body text**: `font-feature-settings: 'tnum'` enabled for tabular number alignment. Prices, quantities, and nutritional data now align vertically, reducing visual jitter in data-heavy layouts. - **Monospace surfaces**: `slashed-zero` activated for code blocks and technical content. Eliminates ambiguity between `0` and `O` in ingredient codes and identifiers. These are CSS-level changes with no markup modifications. All existing layouts render with improved typographic precision.

  29. v0.3.1

    Minor25 May 2026

    Fixed navbar landmark semantics and ARIA attributes to improve screen reader navigation and assistive technology support. - **Navbar landmark**: corrected semantic structure for proper region identification - **aria-controls**: linked toggle controls to their target elements for better context - **Theme toggle**: added aria-pressed state to accurately reflect toggle button state These changes enhance compliance with WCAG guidelines and improve experience for users relying on assistive technologies.

  30. v0.3.0

    Update21 May 2026

    Introduced `<RevealOnScroll>` component for progressive content disclosure as users scroll. This enables better engagement tracking and conversion optimization for below-fold sections—critical for food/beverage sites where product galleries, testimonials, and CTAs benefit from staggered reveals. The component handles viewport intersection detection, animation timing, and accessibility concerns out of the box. Pairs well with existing animation utilities for polished, performant scroll-triggered effects. Update via `npm install ui19-mise-food-beverage-nextjs@0.3.0` and review the component do…

    Show full notes →

    Introduced `<RevealOnScroll>` component for progressive content disclosure as users scroll. This enables better engagement tracking and conversion optimization for below-fold sections—critical for food/beverage sites where product galleries, testimonials, and CTAs benefit from staggered reveals. The component handles viewport intersection detection, animation timing, and accessibility concerns out of the box. Pairs well with existing animation utilities for polished, performant scroll-triggered effects. Update via `npm install ui19-mise-food-beverage-nextjs@0.3.0` and review the component docs for integration patterns.

  31. v0.2.0

    Maintenance21 May 2026

    Documentation: Added Copilot and Codex bot instructions to enforce Renovate dependency management canon. This improves consistency in automated dependency updates across the project but does not affect template functionality or buyer-facing features.

  32. v0.1.26

    Maintenance21 May 2026

    Backport: synced family component fixes from UI04 template (#115). Internal consistency update with no breaking changes or new features.

  33. v0.1.25

    Minor21 May 2026

    Fixed hydration mismatch in motion wrappers and page transition components. This resolves SSR/client rendering inconsistencies that could cause layout shifts or animation glitches on initial page load. **Changes:** - Motion wrapper hydration alignment (#56) - Page transition component stability improvements No breaking changes. Update at your convenience.

  34. v0.1.24

    Maintenance21 May 2026

    Documentation: removed stale per-kit generate-report.js script from docs. No functional changes to the template or build process.

  35. v0.1.23

    Maintenance20 May 2026

    CI tooling: bumped Node.js from v20 to v22 to unblock pnpm 11 compatibility. This resolves dependency resolution constraints and enables faster package installation in CI pipelines. No changes to template code or runtime behaviour.

  36. v0.1.22

    Maintenance18 May 2026

    Dependency maintenance: updated non-major dependencies to their latest patch and minor versions. No breaking changes or feature additions in this release.

  37. v0.1.21

    Maintenance18 May 2026

    Dependency hygiene: updated @types/node to v24.12.4 for improved Node.js type definitions and compatibility.

  38. v0.1.20

    Maintenance14 May 2026

    Fixed duplicate site name suffix in metadata generation. This resolves an issue where the page title and meta tags were appending the site name twice in certain contexts.

  39. v0.1.18

    Maintenance12 May 2026

    Dependency hygiene: updated renovatebot/github-action to v46.1.14. This is a routine maintenance release with no changes to the template or component library.

  40. v0.1.17

    Maintenance12 May 2026

    Dependency update: tailwind-merge bumped to v3.6.0. This patch release includes upstream improvements to class merging logic and performance optimizations. No action required.

  41. v0.1.16

    Maintenance12 May 2026

    Dependency management: pinned dependencies to ensure consistent builds and reproducible installs across environments. No feature or API changes.

  42. v0.1.15

    Maintenance12 May 2026

    Dependency maintenance: pinned dependencies to ensure consistent builds and reproducible installs across environments. No functional changes or feature updates in this release.

  43. v0.1.14

    Minor12 May 2026

    **Fixes & Improvements** - Resolved mechanical-review P1/P2 findings in motion tokens and compliance layer (ARIA, consent, contrast) - Added ResizeObserver guard for environments without native support, improving ambient-glow stability - Fixed WebGL ambient glow viewport centering in error/404 pages - Updated Next.js to v16.2.6, Tailwind CSS to v4.3.0, TypeScript to v6, and lucide-react to v1 **Packaging** - Migrated from UI00-BASE to shipping-kit pipeline for cleaner dependency resolution - Inherited Renovate config from org standards; added Dependabot weekly schedule **Dependency Security*…

    Show full notes →

    **Fixes & Improvements** - Resolved mechanical-review P1/P2 findings in motion tokens and compliance layer (ARIA, consent, contrast) - Added ResizeObserver guard for environments without native support, improving ambient-glow stability - Fixed WebGL ambient glow viewport centering in error/404 pages - Updated Next.js to v16.2.6, Tailwind CSS to v4.3.0, TypeScript to v6, and lucide-react to v1 **Packaging** - Migrated from UI00-BASE to shipping-kit pipeline for cleaner dependency resolution - Inherited Renovate config from org standards; added Dependabot weekly schedule **Dependency Security** - Patched path-to-regexp, picomatch, brace-expansion, and basic-ftp to address known vulnerabilities No breaking changes. Update at your convenience.

  44. v0.1.13

    Maintenance12 May 2026

    Dependency maintenance: updated Renovate GitHub Action to v46 and Next.js monorepo to v16.2.6. These are routine patch-level updates with no breaking changes or new features.

  45. v0.1.12

    Minor12 May 2026

    Resolved mechanical-review findings in design tokens and motion systems: - **P1 findings**: Critical token and motion inconsistencies corrected to ensure reliable, predictable component behavior across the food & beverage template. - **P2 findings**: Secondary quality improvements to token definitions and animation timing for better consistency. These fixes improve overall template stability and compliance with design system standards. No migration required.

  46. v0.1.11

    Maintenance12 May 2026

    Dependency update: lucide-react upgraded to v1. This release contains no breaking changes or new features — it is a routine maintenance update to keep icon dependencies current.

  47. v0.1.10

    Maintenance12 May 2026

    Dependency update: TypeScript upgraded to v6. This is a tooling-level change with no impact on template functionality or generated output. If you maintain a fork or contribute to this template, ensure your local TypeScript version is compatible with v6.

  48. v0.1.9

    Minor9 May 2026

    - chore(deps): update dependency picomatch@<2.3.2 to v4 (#24) - chore(deps): update dependency path-to-regexp@<0.1.12 to v8 (#23)

  49. v0.1.8

    Minor9 May 2026

    - chore(deps): update brace-expansion>=2.0.0 <2.0.3 to v5 (#19)

  50. v0.1.7

    Minor9 May 2026

    - chore(deps): update dependency lighthouse to v13 (#21)

  51. v0.1.6

    Minor9 May 2026

    - chore(deps): update dependency basic-ftp@<5.3.1 to v6 (#14) - chore(deps): update dependency @types/node to v24 (#13)

  52. v0.1.5

    Minor9 May 2026

    - chore(deps): update tailwindcss monorepo to v4.3.0 (#11)

  53. v0.1.4

    Minor9 May 2026

    - chore(deps): update dependency path-to-regexp@<0.1.12 to ^0.2.0 (#10)

  54. v0.1.3

    Minor9 May 2026

    - fix(ambient-glow): guard ResizeObserver for environments without it (#6)

  55. v0.1.2

    Minor9 May 2026

    - fix(error,404): address PR review feedback (#4)

  56. v0.1.1

    Minor9 May 2026

    - fix(error,404): WebGL ambient glow with viewport-centred orb (#2)

  57. v0.1.0

    Update8 May 2026

    - feat(ui19): full Mise (Food & Beverage) Next.js build - fix(consent|aria|compliance): P1/P2 backport from UI16 review session (#34) - fix(ui00): canonical ^-bounded pnpm.overrides family block (#31) - fix(ui00-base): add light-mode severity overrides for AA contrast (#27) - chore(deps): update actions/github-script action to v9 (#26) - chore(deps): update actions/checkout action to v6 (#25) - fix: bind --color-severity-* in @theme so canonical Tailwind names resolve (#24) - fix(ui00-base): promote hardcoded Tailwind colours to severity tokens (#23) - fix(deps): update dependency lucide-react…

    Show full notes →

    - feat(ui19): full Mise (Food & Beverage) Next.js build - fix(consent|aria|compliance): P1/P2 backport from UI16 review session (#34) - fix(ui00): canonical ^-bounded pnpm.overrides family block (#31) - fix(ui00-base): add light-mode severity overrides for AA contrast (#27) - chore(deps): update actions/github-script action to v9 (#26) - chore(deps): update actions/checkout action to v6 (#25) - fix: bind --color-severity-* in @theme so canonical Tailwind names resolve (#24) - fix(ui00-base): promote hardcoded Tailwind colours to severity tokens (#23) - fix(deps): update dependency lucide-react to ^0.577.0 (#21) - fix(deps): update dependency three to ^0.184.0 (#22) - fix(ci): make renovate.yml schedule comment source-agnostic (#20) - chore(deps): update dependency hono to v4.12.18 (#18) - chore(deps): update pnpm to v10.33.4 (#19) - fix: address mech-review v0.3.1 residual findings (issue #16) (#17) - fix: address mechanical-review findings on v0.3.0 (issue #14) (#15) - fix(deps): update react monorepo to v19.2.6 (#13) - fix(deps): update nextjs monorepo to v16.2.5 (#12) - chore(deps): update dependency postcss to v8.5.14 (#8) - chore(deps): update dependency hono to v4.12.16 [security] (#7) - chore(ci): inherit canonical generic workflows from ui00-base (#11) - docs(propagate): add section 8 — verify renovate.json per kit (#10) - Add renovate.json (#1) - feat: buyer-readiness foundation — demo-banner pattern + auth validation + propagation prompt (#6) - chore(deps): refresh base package set - fix(foundation): align base interactions and audit tooling - fix(foundation): backport UI02 v1.5.0/1.5.1 QG findings (token vocab + inert-background + focus-restore) (#5) - fix(foundation): cross-kit consent / privacy / footer backports (8 fixes from UI08-UI15 reviews) (#4) - chore(deps): expand pnpm.overrides to pre-empt UI06-UI15 CI failures - fix(foundation): Copilot backports from UI05 PR #16 - fix(foundation): Copilot backports — GPC + comments + metadata + script-injection hardening

57 releases

Need the backend too?

Pair Mise with the Admin Dashboard full-stack template. Working auth, Stripe billing, and database — same vertical, production-ready. $199.

View Admin Dashboard

Ready to build with Mise?

33 pages · GSAP + Three.js + Lenis + Motion· $149 one-time

Mise·Empire UI·33 pages