Flip Clock

English | 中文

English

A flip clock application built with Svelte + TypeScript.

Features

• 🎯 Smooth flip animation
• 🎨 Modern UI design
• ⚡ Lightweight and performant
• 📱 Responsive layout

Tech Stack

• Svelte
• TypeScript
• Vite
• CSS3 Animations

Development

# Install dependencies
npm install

# Start dev server
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview

Project Structure

flip-clock/
├── src/
│   ├── lib/
│   │   └── FlipUnit.svelte    # Flip unit component
│   ├── App.svelte              # Main app component
│   ├── app.css                 # Global styles
│   └── main.ts                 # Entry point
├── public/                     # Static assets
└── index.html                  # HTML template

License

MIT

中文

一个使用 Svelte + TypeScript 构建的翻页时钟应用。

特性

• 🎯 流畅的翻页动画效果
• 🎨 现代化的 UI 设计
• ⚡ 轻量级，性能优秀
• 📱 响应式布局

技术栈

• Svelte
• TypeScript
• Vite
• CSS3 动画

开发

# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建生产版本
npm run build

# 预览生产构建
npm run preview

项目结构

flip-clock/
├── src/
│   ├── lib/
│   │   └── FlipUnit.svelte    # 翻页单元组件
│   ├── App.svelte              # 主应用组件
│   ├── app.css                 # 全局样式
│   └── main.ts                 # 入口文件
├── public/                     # 静态资源
└── index.html                  # HTML 模板

许可证

MIT