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

Roster

React people operations console with a directory nested by reporting line, time off, timesheets, a hiring board and approvals, on typed modules with no server.

React
Tailwind
TypeScript
TanStack Table
Recharts
Vite

What's included

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

Static build

Runs as a static build with no server required.

Single data source

One data source file holds the whole company.

localStorage persistence

Seven localStorage overlays persist your changes.

Nested staff directory

Directory nested by manager on TanStack Table v9.

Time-off calendar

Month, week, day, and agenda views for time off.

Timesheets with leave cost

Timesheets that calculate the cost of leave.

Five-step CSV import

Guided CSV import with Excel compatibility.

Candidate funnel

Drag-and-drop candidate funnel on the hiring board.

Technologies

Roster is built on React, Recharts, Tailwind CSS, TanStack Table, TypeScript, Vite and ships as version 1.0.0.

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

Recharts A composable charting library built on React and D3.

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

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

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

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

FAQ

Common questions about Roster before you buy.

There is no server. The sample company of 21 people lives in src/lib/data/seed, and everything you do on top of it goes into seven localStorage stores: roster.people.v1, roster.decisions.v1, roster.pipeline.v1, roster.org-config.v1, roster.notes.v1, roster.week-decisions.v1 and roster.leave-events.v1. Those changes survive a reload in that browser and nowhere else, so clearing site data puts you back to the seed.
Same product, opposite half of the stack. This one is a Vite SPA that builds to static files and keeps state in the browser, so it deploys to any static host with no database and no runtime environment variables. Cohort runs the same screens on Laravel against a real database. Take this one if you are bringing your own API or only want the front end.
No. Both /sign-in and /sign-up open pre-filled from DEMO_CREDENTIALS, submitting calls preventDefault and navigates to the dashboard, and the password field is never read. The signed-in user is CURRENT_USER in src/lib/auth/session.ts, resolved once at module load, and no route is guarded. Add your provider and route protection before real users see it.
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
102 sales
Next.js SaaS Marketing Site Template
0 sales
$ 99
Next.js AI Chat Template
0 sales

Build faster with ReUI

Open-source React components and blocks built on shadcn/ui and Tailwind CSS — free from Keenthemes.
Browse ReUI

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.