玻璃拟态风格的预订表单界面
Azure-Spoon — Vite 企业官网模板
作者 itabishalam
Azure-Spoon 是一个基于 React 的餐厅餐桌预订界面模板,提供玻璃拟态风格的预订表单,包含日期时间输入、人数选择、场合预设标签和手机号校验。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
全部页面与视图 2
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
胶囊式人数选择按钮
场合预设标签,便于快速添加备注
移动端友好的响应式布局
10 位手机号校验与禁止选择过去日期
基于 React 和自定义 CSS 玻璃 UI 主题,使用 React hooks 管理状态与动画
模板详细介绍
Azure-Spoon 是一个 React 餐厅餐桌预订 UI 模板,面向餐厅、咖啡馆、屋顶酒吧、休息室和高级餐厅等场景。README 说明其包含一个完整样式的预订表单,支持日期/时间输入、胶囊式人数选择按钮、场合预设标签,以及响应式布局。表单具备 10 位手机号校验和禁止选择过去日期的功能。模板使用 React 和自定义 CSS 玻璃 UI 主题,通过 React hooks 管理状态与动画,并声明已组件化。README 提到该组件“可随时集成 WhatsApp/API 后端”,但未提供具体集成步骤或后端示例。README 未说明是否包含路由、状态管理库、构建工具或测试配置,也未提供部署说明。
适合你的项目吗?
适用场景
- 为餐厅网站添加餐桌预订表单界面
- 为咖啡馆或酒吧提供在线预订入口
- 作为 React 项目中预订模块的 UI 起点
- 在需要快速搭建预订表单原型时使用
适合人群
- 餐厅、咖啡馆、屋顶酒吧、休息室和高级餐厅的网站
- 使用 React 的前端项目
- 需要玻璃拟态风格预订表单的开发者
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
README 未提供具体的安装或部署步骤,仅说明模板基于 React 和自定义 CSS。
- 2
README 提到可集成 WhatsApp/API 后端,但未给出具体集成方法或示例代码。
- 3
README 未说明项目依赖、构建工具或运行环境要求。
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。
使用时需要遵守
- 允许免费使用、修改、商用和分发该版本代码。
- 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
- 代码按现状提供;担保与责任限制以原许可证及适用法律为准。
额外费用与待核对事项
- 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
- 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据
https://github.com/itabishalam/Azure-Spoon/blob/main/LICENSEhttps://github.com/itabishalam/Azure-Spoon/blob/main/README.mdPermission is hereby granted, free of charge
许可证原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-10-13。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料较完整 · 85 / 100
- 技术栈
- Vite · React
- 网站类型
- 企业官网
这个分数如何计算
本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2025-12-08
- 截图检查日期
- 2026-10-13
已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 Vite。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
审核声明: codex-user-requested-batch-review-20261017 · 2026-10-16
查看当时使用的来源资料
SHA-256: 27131d0c43ddd08bd33489d0b06e03a0af4214bd431f5edabfdb48b77d0554f7
2026-10-13T06:59:51.107Z
来源文件 / 仓库🍽 Restaurant Table Booking UI A modern, elegant React-based table reservation interface designed for restaurants, cafes, rooftop bars, lounges, and fine-dining spaces. Built with a focus on smooth UX, premium design, and faster conversions. This component includes a fully styled booking form with date/time input, guest selector buttons, occasion preset chips, and responsive layout that feels right at home in real production websites. Class meets conversion. Customers book faster — restaurants smile wider. 😌 ✨ Features Feature Status Glassmorphic booking form UI ✔️ Guest selector buttons (pill style) ✔️ Occasion preset chips for quick notes ✔️ Mobile-friendly responsive layout ✔️ Phone validation (10-digit check) ✔️ Disallow past dates ✔️ Ready to integrate with WhatsApp/API backend ✔️ 🛠 Tech Stack React CSS (custom glass UI theme) React hooks for state & animations Fully componentized & production-ready
看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

business-website-template
Modern UI/UX business website design made with React.
Vite · 企业官网

kiaalap
Free admin dashboard template focused on education, online course and school management. Build using Bootstrap…
Vite · 后台

saasboard
Free and open-source SaaS dashboard template for startups, businesses, and AI Tools. | Built with Meku, React,…
Vite · 后台

crowdup
Crowdfunding website template built using React, Vite, Mantine & Typescript.
Vite · 企业官网

vite-react-ts-shadcn-ui
Boilerplate template designed to quickly bootstrap a React.js Web App, SPA, website or landing page with React…
Vite · 企业官网

vite-vanilla-ts
Start a Vanilla TS Web App, SPA, website or landing page using TypeScript, Tailwind CSS 4, ESLint, Husky, Vite…
Vite · 企业官网
