Looking to build a calendar app in React.
You are not alone.

I did some research to see what the world published on this so far, and here is what I have found.

Room Booking System

A room booking system built with MongoDB, Express, Node.js and ReactJS.

This one has a lot going on. But it’s interesting to have a look at it.

It seems like it’s a uni project or something… at least it’s organised as such.

It has wireframes and docs and a breakdown of the use case and a working demo.

Git repository: https://github.com/julia-/room-booking-system

Demo: https://room-booking-system.netlify.com/

React Big Calendar

A Google Calendar clone in react.

An events calendar component built for React and made for modern browsers (read: IE10+) and uses flexbox over the classic tables-ception approach.

Git Repo: https://github.com/intljusticemission/react-big-calendar

Demo: http://intljusticemission.github.io/react-big-calendar/examples/index.html

React Google Calendar

Like above but also integrate the Google API stuff so it does not only *look* like Google Calendar but can actually talk to Google Calendar.

Git Repository: https://github.com/crashspringfield/react-google-calendar

For now that’s all I have found. I might post an update if I find anything interesting extra.

On a side note – there is this guy doing a tutorial on react native book app here – that’s interesting and can spark some ideas too, so I am putting it here.


Sleek Dashboard


Demo: Sleek Demo site/
GitHub: https://github.com/tafcoder/sleek-dashboard
Bootstrap 4 Admin Dashboard Template and UI Kit – and yeah sleeeeek indeed – like I really love it. Great work by tafcoder.


UI Kit


Site: https://getuikit.com/
GitHub: https://github.com/uikit/uikit

A lightweight and modular front-end framework for developing fast and powerful web interfaces.

Well suited for website, landing pages etc.
Simple, straightforward.
Also, nice extra: Autocomplete plugins for both Atom and Sublime Text 3.

Stream Ui Kit


Site: https://htmlstream.com/templates/stream-ui-kit

Bootstrap Theme.
So, if you know bootstrap already, you will feel home very fast.

One Nexus

Site: http://www.onenexus.io/

More complex
Based on Synergy, a front-end framework for UI components generation. and Kayzen, a custom grid system – All made by the same dev team.

I haven’t take the time to play with this one but it looks nice.


Screen Shot 2018 10 17 at 09 40 40
Gotta love simplicity
Only 2kb gzipped


One of the best around.
Open source dashboard UI.
Bootstrap based.
Clean code.
Nice logic.

Screen Shot 2018 10 17 at 09 50 01

Site: https://tabler.github.io/
Demo: https://tabler.github.io/tabler/
Source : https://github.com/tabler/tabler



Screen Shot 2018 10 17 at 09 52 20

Semantic UI

Screen Shot 2018 10 17 at 09 55 16




Light open source UI Kit

Screen Shot 2018 10 17 at 09 58 16



Screen Shot 2018 10 17 at 09 59 38

An open source UI kit from Portugal.



Exist with Rails flavour – or agnostic.


Materialize CSS

Screen Shot 2018 10 17 at 10 03 38
Google Material Design
Open source
Not made by Google though.

Site: https://materializecss.com/
Source : https://github.com/Dogfalo/materialize

Also exist as an npm install flavour.


Nice webfrontend for app.

Go check it here: http://topcoat.io/


Made by the folks at Shaker
Site: https://shakrmedia.github.io/petal/
Source: https://github.com/shakrmedia/petal

That’s it.
That’s a good choice to start with.
This doesn’t even include paid one or open source react / vue / angular frameworks.

Let me know if you know of an other one you think should make the list.
These are the one I have found by searching the web for stuff but maybe you know an other one worth mentioning. Hit me by email, in the comments or on social.