推荐版本：这是基于 Vite + React 的轻量级版本（推荐使用）。
如需 Next.js 版本，请切换到 nextjs 分支。
📖 查看 版本对比说明 了解如何选择合适的版本。
This project is inspired by the classic flip clocks and split-flap displays used in airports and train stations during the 1960s–1970s.
One of the most iconic designs is the Solari Cifra 3, created by Italian designer Gino Valle in 1965.
The mechanical flipping animation became a symbol of industrial design and analog precision.
📚 Extended Reading: Flip Clock Design History
Live demo: https://kelaocai.github.io/retro-flip-clock/
- Smooth 3D flip animations with realistic physics
- 12h/24h time format support
- Customizable card dimensions and colors
- Responsive design for all devices
- Full TypeScript support with type definitions
- Lightweight - zero additional dependencies
# Clone the repository
git clone https://github.com/kelaocai/retro-flip-clock.git
# Install dependencies
cd retro-flip-clock
npm install
# Start development server
npm run devThen open http://localhost:5173 in your browser to view the flip clock.
npm run buildThe static files will be generated in the dist directory.
- Chrome (latest)
- Firefox (latest)
- Safari (latest)
- Edge (latest)
Contributions are welcome! Please feel free to submit a Pull Request.
MIT