Pane is a premium, highly-themable productivity and zen app inspired by Flip Clock on the Google Play Store, minus the hard paywall. It combines a flip-clock, Pomodoro timer, stopwatch, and alarms into a clean, feature-complete experience.
Note
Project Status: Active development on this web/Capacitor build is currently paused. With the release of Material Design 3 guidelines, a native Kotlin + Jetpack Compose port is planned on the roadmap before any new feature additions.
- Engine: React 18 + Vite
- Language: TypeScript 5.8 (Strict)
- State Management: Zustand
- Styling: Tailwind CSS v4
- Animations: Framer Motion
- Carousels/Touch: Swiper
- Color Engine:
node-vibrant+@material/material-color-utilities: Extracts dominant colors from wallpapers to generate dynamic Material UI themes.culori: Handles precise color manipulation and interpolation.
- Node.js & pnpm installed
- Android Studio (for native builds)
- Java/Gradle environment configured
-
Clone the repository:
git clone [https://github.com/Whitestar14/pane-android.git](https://github.com/Whitestar14/pane-android.git) cd pane-android -
Install dependencies:
pnpm install
-
Start local development server:
pnpm dev
We use a compound pipeline to sync versioning and deploy directly to connected test devices.
# Run local linter
pnpm lint
# Find unused dependencies and exports
pnpm knip
# Sync package.json version with AndroidManifest.xml
pnpm android:sync
# Compound command: Syncs version -> Builds web assets -> Copies to native -> Assembles debug APK -> Installs on device
pnpm android:debug
Distributed under the MIT License.