Skip to content
Simple time logging web app
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
extension use new editable entry in extension app Feb 28, 2019
public add loading piwik tracking Mar 4, 2019
src only initialize once Apr 25, 2019
.babelrc remove class property plugin Apr 23, 2019
.editorconfig add editorconfig Jan 17, 2018
.env.production add piwik tracking code Mar 4, 2019
.eslintrc.js add new react-hooks rules Apr 23, 2019
.travis.yml add check-versions to travis Apr 24, 2019
jsconfig.json update babel and solve node path Apr 23, 2019
netlify.toml overwrite command for build and staging on netlify Oct 11, 2018
package.json bump version Apr 25, 2019

Thyme Thyme

A little web app which allows you to log time data.

Use Thyme in your browser right now

Build Status

Thyme is a time logging web application which enables you to add and store time spent on different projects you work on.

It displays all the added time entries in a single table with their corresponding duration and project notes.

Create reports with detailed information spent per project over selected periods of time.


  • Integrated timer
  • Create date, start and end time
  • Create projects and sub-projects
  • Assign time sheet entries to projects
  • Reports of total time spent per project
  • Automatic rounding of time spent
  • Export / Import data
  • Saves to localStorage of the browser
  • Ability to sync data in the Thyme Capsule
  • Sync over multiple devices

How to use

Thyme has been made to be as easy as possible to use. However, there is also documentation available at for further reading.

If you have questions you can leave issues on this repository or send a message to


Timesheets screen

Detailed time logging

Reports screen

Time log reports

Projects screen

Adding and adjusting projects

Running your own instance

  1. Clone the repository, navigate to the created folder, and run npm install.
  2. Use npm build to build the application. Assets will be available in build/.
  3. Change the location of Thyme Capsule by setting the REACT_APP_API_ROOT environment variable before building.
  4. Run npx serve build to serve your build on localhost.

Building browser extensions

  1. Follow the steps for running your own instance.
  2. Use npm run build:extensions to compile and zip the browser extensions.

Generating sample data

To generate sample data to be used for development, or just to clean your development state, you can use the following command:

npm run generate-sample

This will create a new file called sample.json in the root of the project. Use the "Export / Import data" section of the settings page to import the sample data.


You can help out with development using the following steps.

  1. Clone the repository, navigate to the created folder, and run npm install.
  2. Copy the staging environment variables to a local version cp .env.staging .env.local. Adjust if needed.
  3. Open a development server by executing npm start.
  4. Find source files for the app in ./src.

Made with Create React App

This project was bootstrapped with Create React App.



You can’t perform that action at this time.