Food & Beverage
Mise
$149one-time
- 33 production-ready pages
- GSAP + Three.js + Lenis + Motion
- Dark & light mode
- Lifetime updates
- Commercial licence
*Audited stock-build averages. Matrix covers desktop/mobile and light/dark runs across included pages. See methodology.
Animation Stack
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.
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
v0.9.10
Maintenance1 June 2026Dependency maintenance: pinned dependencies to ensure consistent builds and reproducible installs across environments. No feature changes or breaking updates.
v0.9.9
Maintenance1 June 2026Dependency 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.
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.
v0.9.7
Maintenance31 May 2026Fixed 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.
v0.9.6
Minor27 May 2026Fixed 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.
v0.9.5
Maintenance27 May 2026Internal: refreshed Quality-Gate Report PDF with backfilled audit data to improve internal compliance tracking and documentation accuracy.
v0.9.4
Maintenance26 May 2026Packaging 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.
v0.9.3
Maintenance26 May 2026Documentation: added PREMIUM_AUDIT.md reference guide for external audit tracking and compliance documentation.
v0.9.2
Maintenance26 May 2026Dependency 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.
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.
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.
v0.8.9
Maintenance26 May 2026Documentation: 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.
v0.8.8
Minor26 May 2026Fixed 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.
v0.8.7
Maintenance26 May 2026Maintenance release. Dependency and tooling updates to keep the template current with the Next.js ecosystem.
v0.8.6
Maintenance26 May 2026Maintenance release. Dependency updates and internal improvements to keep the template stable and secure.
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.
v0.8.4
Maintenance26 May 2026Minor 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.
v0.8.3
Maintenance25 May 2026Documentation: synced primitive JSDoc from UI00-BASE upstream template and cleaned up eslint comments for consistency. Internal maintenance release with no functional changes.
v0.8.2
Maintenance25 May 2026Dependency 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.
v0.8.1
Maintenance25 May 2026Internal 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.
v0.8.0
Update25 May 2026Backported 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 →Show less ↑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.
v0.7.0
Update25 May 2026Backported 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 →Show less ↑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.
v0.6.3
Maintenance25 May 2026Dependency maintenance: updated @types/react to v19.2.15 for continued TypeScript compatibility with React 19.x.
v0.6.2
Maintenance25 May 2026Dependency maintenance: pinned dependencies to ensure consistent builds and reproducible installs across environments. No feature changes or breaking updates.
v0.6.1
Maintenance25 May 2026Dependency management: added pnpm.overrides for ws and brace-expansion@5.x to ensure consistent transitive dependency resolution across the project. No functional changes.
v0.6.0
Update25 May 2026Backported 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.
v0.5.0
Minor25 May 2026Added 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.
v0.4.0
Minor25 May 2026OpenType 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.
v0.3.1
Minor25 May 2026Fixed 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.
v0.3.0
Update21 May 2026Introduced `<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 →Show less ↑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.
v0.2.0
Maintenance21 May 2026Documentation: 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.
v0.1.26
Maintenance21 May 2026Backport: synced family component fixes from UI04 template (#115). Internal consistency update with no breaking changes or new features.
v0.1.25
Minor21 May 2026Fixed 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.
v0.1.24
Maintenance21 May 2026Documentation: removed stale per-kit generate-report.js script from docs. No functional changes to the template or build process.
v0.1.23
Maintenance20 May 2026CI 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.
v0.1.22
Maintenance18 May 2026Dependency maintenance: updated non-major dependencies to their latest patch and minor versions. No breaking changes or feature additions in this release.
v0.1.21
Maintenance18 May 2026Dependency hygiene: updated @types/node to v24.12.4 for improved Node.js type definitions and compatibility.
v0.1.20
Maintenance14 May 2026Fixed 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.
v0.1.18
Maintenance12 May 2026Dependency hygiene: updated renovatebot/github-action to v46.1.14. This is a routine maintenance release with no changes to the template or component library.
v0.1.17
Maintenance12 May 2026Dependency update: tailwind-merge bumped to v3.6.0. This patch release includes upstream improvements to class merging logic and performance optimizations. No action required.
v0.1.16
Maintenance12 May 2026Dependency management: pinned dependencies to ensure consistent builds and reproducible installs across environments. No feature or API changes.
v0.1.15
Maintenance12 May 2026Dependency maintenance: pinned dependencies to ensure consistent builds and reproducible installs across environments. No functional changes or feature updates in this release.
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 →Show less ↑**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.
v0.1.13
Maintenance12 May 2026Dependency 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.
v0.1.12
Minor12 May 2026Resolved 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.
v0.1.11
Maintenance12 May 2026Dependency 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.
v0.1.10
Maintenance12 May 2026Dependency 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.
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)
v0.1.8
Minor9 May 2026- chore(deps): update brace-expansion>=2.0.0 <2.0.3 to v5 (#19)
v0.1.7
Minor9 May 2026- chore(deps): update dependency lighthouse to v13 (#21)
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)
v0.1.5
Minor9 May 2026- chore(deps): update tailwindcss monorepo to v4.3.0 (#11)
v0.1.4
Minor9 May 2026- chore(deps): update dependency path-to-regexp@<0.1.12 to ^0.2.0 (#10)
v0.1.3
Minor9 May 2026- fix(ambient-glow): guard ResizeObserver for environments without it (#6)
v0.1.2
Minor9 May 2026- fix(error,404): address PR review feedback (#4)
v0.1.1
Minor9 May 2026- fix(error,404): WebGL ambient glow with viewport-centred orb (#2)
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 →Show less ↑- 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 DashboardYou might also like
Ready to build with Mise?
33 pages · GSAP + Three.js + Lenis + Motion· $149 one-time



