The New Way to Build with AI! Introducing ReUI — the developer platform for agentic UI with shadcn/ui
Browse ReUI Pro

Tempo

A task management dashboard on TanStack Start, nine pages over a typed mock layer, with a test suite covering the flows it ships.

React
Tailwind
TypeScript
TanStack Table
TanStack Start
Vite
Zod
dnd-kit
React Hook Form

What's included

8 features shipped with every Tempo license, including lifetime access and free updates.

Nine task management pages

Home, board, gantt, calendar, team, settings, and more.

Typed mock layer

In-memory data with typed repositories for instant development.

Test coverage

Vitest tests covering routing, schemas, and gantt overlap rules.

Kanban board

Drag-and-drop task board with column-based workflow.

Gantt chart

Timeline view with locked-bar overlap detection.

Sub-issues

Expand sub-tasks inline with title search across the hierarchy.

Cmd+K palette

Keyboard-first navigation ranking pages, views, and task titles.

URL-driven filters

Search and filter state lives in the URL for shareable views.

Technologies

Tempo is built on React, TypeScript, Tailwind CSS, TanStack Start, TanStack Table, React Hook Form, Recharts, Zod, dnd-kit, Vite and ships as version 1.1.0.

React A JavaScript library for building dynamic, component-based user interfaces.

TypeScript A statically typed superset of JavaScript for safer, more reliable code.

Tailwind CSS A utility-first CSS framework for rapid, customizable UI development.

TanStack Start A full-stack React framework built on TanStack Router.

TanStack Table Headless UI library for building powerful data tables and grids.

React Hook Form Performant forms library with easy validation and minimal re-renders.

Recharts A composable charting library built on React and D3.

Zod A TypeScript-first schema validation library for forms and API data.

dnd-kit Modern drag-and-drop toolkit for accessible, performant interactions.

Vite A fast build tool and development server for modern web apps.

FAQ

Common questions about Tempo before you buy.

No, all data is mock and nothing survives a reload. Planner reads go through async service functions in src/lib/data/planner/services.ts; the report, calendar and AI Ops surfaces export a seed from a data.tsx and hold a mutable copy in useState. The lib/ functions are pure and take data in, so swapping the seed import for your fetch leaves the screens alone.
No. The dashboard is the landing page and no route is guarded; src/routes/_app.tsx carries the beforeLoad guard to restore in a comment. /sign-in is a working page reachable from the user menu, any address that looks like an email signs you in, and the session is one localStorage key in src/lib/auth/session.ts.
No. It runs in SPA mode and builds to a static bundle in dist/client. A vercel.json sets the build command, the output directory and the catch-all rewrite; any other static host needs the same rewrite to index.html or deep links 404 on refresh.
Download the source, install dependencies with your package manager, add your environment variables, and run the dev server. Each template ships a README with its own setup steps.

Pricing

One-time payment in USD. Every license includes lifetime access, free updates and 6 months of support.

Solo Developer License

$99 USD
  • Solo developer, unlimited projects
  • Free Updates
  • Lifetime Access
  • One-time Payment & No-renewals
  • 48h response, 5 days/week Support (6 months)
Questions? Chat with us.

Team License

$199 USD
  • Up to 15 people, unlimited projects
  • Free Updates
  • Lifetime Access
  • One-time Payment & No-renewals
  • 48h response, 5 days/week Support (6 months)
Questions? Chat with us.
Secured payment by Paddle with
100% money back guarantee!

Related Products

#1 Selling Admin of All Time
64 sales
$ 99
Next.js CRM Template
1 sales
$ 99
Next.js Admin Dashboard Template
0 sales

Frequently Asked Questions

General

The purchased package includes a full source code and all the features shown in the preview site of the product.

Keenthemes products are built with HTML, SASS, jQuery, Bootstrap 4 and Angular 8 and it can be used to build any web application regardless used server side languages and technologies. To run the Metronic build tasks you will need to install nodejs, npm, yarn, sass, gulp, webpack, angular-cli and others.

License

KeenThemes offers a variety of products and licenses to fit your needs, but it essentially boils down to three main categories:

1. ThemeForest Standard License: (Applies to Metronic)

  • Use on a single project (website or application)
  • Modify for your needs
  • Distribute free or commercially (requires Extended License)
  • Restrictions: Cannot resell, redistribute source files, use in multiple projects

2. Keenthemes All-in License: (Applies to Keenthemes Market products)

  • Unlimited use in any end product, including SaaS
  • Modify or combine with other products
  • Use graphics separately
  • Transfer license ownership to a client
  • Restrictions: No Open Source products, serial installations, redistributing/selling the item

3. Getbootstrap Theme Licenses: (Applies to Bootstrap Market products)

  • Standard: One end product, non-commercial, no source code redistribution
  • Multisite: Up to 5 end products, commercial allowed, no source code redistribution
  • Extended: Unlimited end products, commercial allowed, source code redistribution with restrictions

So, choose the option that best aligns with your project scope and intended use:

  • Limited single project: ThemeForest Standard License (Metronic)
  • Full flexibility and commercial use: Keenthemes All-in License
  • Multiple projects or SaaS: Getbootstrap Multisite or Extended License

Remember to check the detailed license terms for each option before purchasing to ensure you understand the specific rights and limitations.

 

Purchased licenses have no expiration date and they do not require any recurring payment.

Purchase a Team license and contact us via support@keenthemes.com to request a refund for your Solo Developer license.

Since we sell the full source code, we are sorry for not having a trial plan. But we provide a 30 days money-back guarantee - no questions asked! Try it... Doesn't fit your requirements? You'll be refunded in a couple of days. To have a quick view of what it looks like the UI, view a demo or watch our youtube videos. For technical information, check out the documents. If you have any further questions, please don't hesitate to contact us.

Payment

Keenthemes uses only 2Checkout gateway. 2Checkout accepts Visa, MasterCard, AMEX, Paypal, Discover, AliPay, JCM, Dinners Club and many more.

When you make the payment via Paddle, Paddle sends the invoice to the email you used during the purchase.

After the payment you can download your purchase at the Downloads page at the keenthemes.com

Support

Keenthemes provide basic and premium support via support@keenthemes.com. Basic support team will help you to find answers from product documentation. Premium support team will help to solve development issues related to our product.

Basic support is always free and available for everyone.

After purchasing you get 6 months of premium support. After the premium period ends, you can extend it at the Downloads page at the keenthemes.com.

To be eligible to request the technical support you must have purchased the theme and have at least one active support subscription. For the email support you must provide your license info for us to mark you as “verified customer” in your email support system.

When you send a support request please do describe your issue with more details. If you can provide a link to your developing site then this can help us to solve your issue more faster. Upon submitting a bug report, we will take it as a high priority case and we will release the fix with upcoming releases or we can send the fix to a customer via email if the customer needs the fix urgently.

We do not support individual customization requests, but we tend to advise and show direction on customization requests that customers ask. Also server side implementation(php, .net, java, login, database connection, etc) is not covered by our support since our products are an HTML themes and its not fully functional admin panels or applications.

Keenthemes support only covers frontend issues and development. All backend integration and development issues(e.g: php, .net, mysql, java, etc) are not covered by our support since the backend implementation is the responsibility of buyers.

When you send a support request please do describe your issue with more details. If you can provide a link to your developing site then this can help us to solve your issue more faster.

Customers are always welcome to ask for feature requests and give suggestions that can improve our premium themes. All feature requests definitely will be considered and the new features will be released with upcoming releases.