Zum Inhalt springen

Produktivität-Vorlage

Cadence AI Productivity App

An AI day planner: your meetings and tasks on one timeline, an assistant that plans the free time between them from your own tasks, and a calendar it can tidy with your approval.

  • 29 Screens
  • iOS & Android
  • Benötigt Supabase
  • Aktualisiert am 4. Nov. 2026
  • Geprüfte Version
  • 1 Kopie erstellt

Gratis kopieren · Voller Quellcode · Keine Kreditkarte

Screens

6 Screens aus der laufenden App.

Was drinsteckt

  1. Today as one timeline with the free time in plain sight
  2. An assistant that turns your tasks into a plan you add in one tap
  3. Tasks by when they are due, with steps the assistant can suggest
  4. A week calendar the assistant can optimize, showing every move first
  5. Focus insights by day and by list
  6. Cadence Pro through App Store and Google Play subscriptions

Über diese Vorlage

Overview

Cadence is a React Native AI day planner in the calm style of Things and Structured. Today shows meetings and tasks on one timeline with the free time between them; the assistant reads your own tasks and calendar to suggest a plan, break a task into steps, summarize notes or move meetings, and nothing changes until you add it.

It opens on sample data so every screen works when you fork it, and the assistant runs an on-device planner until a model is connected. Connect your Supabase project under Server for accounts, tasks, calendar and chats.

Key features

  • Today — One timeline of meetings and tasks with the current time, the free time between them and how much is done.

  • Assistant — Ask for a plan, steps or a summary in a chat; a plan card adds its blocks to Today in one tap.

  • Tasks — Overdue, Today, Upcoming and Someday sections, lists with colours, priorities, steps and swipe actions.

  • Calendar — A week strip and a day timeline; the assistant proposes moves before and after, and you apply them.

  • Focus insights — Focus hours by day, by list and over twelve weeks.

  • Cadence Pro — Plans come from the App Store or Google Play through RevenueCat, with restore and manage subscription.

Screens included

Welcome and account

  • Welcome

  • Log in

  • Create account

  • Reset password

  • Check your email

  • New password

Plan

  • Today

  • Tasks

  • Task

  • New task

  • Break it down

  • Calendar

  • Optimize my week

Assistant

  • Assistant

  • Chat

  • Plan my day

  • Summarize notes

You

  • You

  • Edit profile

  • Notifications

  • Privacy

  • Security

  • Quiet hours

  • Plan

  • Calendars and apps

  • Focus insights

  • About

  • Privacy policy

  • Terms of use

Built with

  • Framework — React Native and Expo SDK 57 on the FluxNative base 13 kernel: native iOS and Android, Liquid Glass chrome on iOS.

  • Backend — Supabase for accounts, tasks, calendar and chats; the assistant's model is called from a server function, never from the app.

  • Subscriptions — RevenueCat in-app purchases for Cadence Pro; the plans screen says when the store has no plans and never unlocks Pro without one.

  • Sample mode — With no backend connected, every service answers from realistic sample data kept on the device.

Good fit for

  • AI day planners and focus apps

  • Task and calendar apps adding an assistant

  • Founders validating an AI productivity product

ai assistantproductivitytask plannercalendarreact nativeexpotask managementdaily planning

Das bekommst du

  • Voller Quellcode — Expo und React Native in TypeScript, als App in deinem Workspace.
  • Live-Vorschau — probiere jede Änderung im Browser oder auf deinem Handy aus.
  • Geprüfte Version — sie kompiliert und jeder Screen öffnet ohne Fehler.
  • KI-Assistent — ändere alles per Chat; jede Änderung kostet Credits.
  • Builds und Store-Upload — iOS- und Android-Builds, aus Veröffentlichen an App Store und Google Play gesendet.
  • Keine Credits fürs Kopieren — die Kopie selbst kostet keine.

Mit der aktuellen Version von FluxNative erstellt.

Das brauchst du

  • Ein FluxNative-Konto — der Free-Tarif fasst bis zu 2 Apps.
  • Dein eigenes Supabase — für deine Daten; bis dahin läuft die App mit Beispieldaten.
  • Creator oder höher — für native Builds und Store-Upload.
  • Store-Konten — Apple Developer Program (99 US$ im Jahr) und Google Play (25 US$ einmalig), zum Veröffentlichen.

Was im Quellcode steckt

Screens
29
Dateien in deiner Kopie
415
Codezeilen eigens für diese App
8.380
fertige UI-Komponenten
142

App-Texte auf Englisch und Vietnamesisch

Tech-Stack

Expo SDK
57.0.22
React Native
0.86.3
React
19.2.8
TypeScript
6.0.3
Expo Router
57.0.21
Supabase JS
2.112.0
RevenueCat
10.14.0

Aus der package.json dieser Version.

Designsystem

Überschriften
Systemschrift
Fließtext
Systemschrift
  • Heller und dunkler Modus
  • Liquid Glass
  • Kapsel-Buttons
  • Schlichte Karten

Einrichtung nach dem Fork

Deine Kopie öffnet sich mit dem KI-Assistenten, der sie gebaut hat. Geh die Schritte der Reihe nach durch: Verbinde unter Server, was ein Schritt verlangt, und sende dann jeden Prompt.

  1. Connect your Supabase project

    Add your Supabase project URL and access token under Server › Backend › Supabase first. Until then Cadence runs on sample data kept on the device.

    Prompt für die KI

    Supabase is connected under Server. Create the tables this app reads (profiles, tasks, subtasks, projects, calendar events, AI conversations and messages, plans, note summaries and notifications) with row-level security so each person sees only their own rows, apply the migration in supabase/migrations, write the public values into .env, and check that sign-up, Today, Tasks, Calendar and the assistant work on my project.

  2. Turn on the AI assistant

    Add your Gemini API key under Server › API keys & secrets. Without it the assistant still plans your day, breaks down tasks and summarizes notes with the planner built into the app.

    Prompt für die KI

    My Gemini API key is saved under Server. Deploy the ai-assist Edge Function from supabase/functions with that key as its GEMINI_API_KEY secret, and check that the assistant's plans, task steps and note summaries now come from it.

  3. Sell Cadence Pro with RevenueCat

    Add your RevenueCat secret key under Server › Monetization; the app's store keys fill in from it. Publish › Purchases then makes the monthly and yearly plans. Until then the paywall shows sample prices and sells nothing.

    Prompt für die KI

    RevenueCat is connected under Server. Check that the Cadence Pro paywall loads my current offering, that the pro entitlement unlocks Pro everywhere the app checks it, and that Restore purchases works. Tell me which products Publish › Purchases still needs to make.

  4. Set your app icon

    Make an AI logo or upload your own icon in App settings. The launcher icon, splash screen and store listing all use it.

    Prompt für die KI

    I set a new app icon in App settings. Match the splash screen background and the Android icon background to its edge colour, so the icon sits on one continuous colour.

  5. Write your copy and legal pages

    Prepare your onboarding wording, Pro plan description, support contact, privacy policy and terms. The app has its own Privacy and Terms screens with sample text to replace before you publish.

    Prompt für die KI

    Replace the sample onboarding and Pro wording with mine: [your copy]. Put my privacy policy and terms into the app's Privacy and Terms screens: [your privacy policy and terms]. Set the support contact to [your support email].

  6. Check and publish a build

    Go through onboarding, sign-in, Today, Tasks, the assistant, Calendar and Pro on a phone, then build for the stores from Publish.

    Prompt für die KI

    Run a final check of every screen in light and dark mode: onboarding, sign-in, Today, Tasks, the assistant, Calendar, Focus, Pro and settings. Fix anything broken or still showing template content, then get the app ready for a store build.

So nutzt du diese Vorlage

  1. Nutze die Vorlage, um eine bearbeitbare Kopie samt Quellcode in deinem Workspace zu erhalten (Vorlagen).
  2. Bitte den KI-Assistenten in eigenen Worten um die gewünschten Änderungen (Mit dem Assistenten arbeiten).
  3. Probiere jede Änderung in der Live-Vorschau oder auf deinem Handy aus (Vorschau).
  4. Ab Creator baust du sie für iOS und Android und reichst sie in den Stores ein (Veröffentlichen im Überblick).

Lizenz und Support

Lizenz

Die für dich erstellte App gehört dir; der Code der Vorlage bleibt bei InspireUI und ist für die Nutzung in deinen Apps lizenziert (Bedingungen › Unser geistiges Eigentum).

Hilfe

  • Anleitungen zu Vorlagen, Assistent und Veröffentlichung.
  • Support kontaktieren über Hilfe; Antwort meist in 1–2 Werktagen.
  • Frag in deiner Kopie den KI-Assistenten zu jedem Screen oder jeder Datei.

Von FluxNative

Support-Richtlinie

Fragen

Ist es kostenlos?

Eine kostenlose Vorlage zu kopieren kostet nichts, auch keine Credits; eine Premium-Vorlage ist ein Einmalkauf pro Website. Chat-Änderungen und Builds kosten Credits.

Was gehört mir?

Die für dich erstellte App gehört dir. Der Code der Vorlage bleibt bei InspireUI und ist für die Nutzung in deinen Apps lizenziert (Bedingungen › Unser geistiges Eigentum).

Muss ich programmieren können?

Nein. Bitte den Assistenten in einfachen Worten um Änderungen; den vollen Quellcode siehst du, wenn du willst.

Kommt sie mit Backend?

Nein. Eine vollständige App nennt das nötige Backend und du verbindest deines unter Server; ein Design läuft mit Beispieldaten.

Kann ich das Design ändern?

Ja. Im Tab Design stellst du Markenfarbe, Farben, Schriften und Ecken ohne Credits ein; den Rest ändert der Assistent.

Welchen Tarif brauche ich zum Veröffentlichen?

Ab Creator baust du und lädst in die Stores hoch, mit deinen eigenen Apple- und Google-Konten. Die App einer Premium-Vorlage baut mit jedem Tarif, sobald ihre Website verbunden ist.

Kann ich den Quellcode herunterladen?

Ja, mit Quellcode herunterladen oder Push zu GitHub, sobald dein Workspace einen Tarif, Credits oder eine bezahlte Vorlage gekauft hat. Die App einer Premium-Vorlage braucht zusätzlich ihre verbundene Website.

Was, wenn sie mit einem früheren FluxNative erstellt wurde?

Deine Kopie funktioniert wie sie ist. Lass sie vom Assistenten auf neuere Funktionen wie App-Sprachen und Währungen aktualisieren; das ist der letzte Einrichtungsschritt.

Bereit, daraus deine App zu machen?

Starte mit Cadence AI Productivity App und ändere alles per Chat. Deine Kopie enthält den vollständigen Quellcode.

Kostenlos kopieren. Keine Kreditkarte nötig.

Taking a little longer than usual…

Loading FluxNative