Skip to main content

Introduction

An incredibly fast and flexible way of building calendars in React Native.

Features

  • iOS and Android support
  • Expo compatible, no binary updates required
  • Localization built-in
  • Customizable and composable UI
  • Dark-mode out of the box
  • Infinite scroll
  • Date range support
  • Tiny bundle size (18kb minified, 6kb gzip)
    • Just a single third-party dependency (200 bytes)
  • Bottom sheet compatible

Installation

Add the package to your project:

npm add @marceloterreiro/flash-calendar

Requirements

To use this package, you also need to install its peer dependencies. Check out their documentation for more information:

Getting started

To learn more about Flash Calendar, start here.

Playground & examples

There are a bunch of examples, including interactable stories, available in the apps/example package. Read the Contributing section from the README for instructions on how to run it. Here's a sneak peek:

Who's using it?

  • 🇧🇷 Moni, a Brazilian personal finance app that helps users track their finances effortlessly (iOS, Android)
  • 🇺🇸 Brex, the AI-powered spend platform (iOS, Android)
  • 🇺🇸 Dysperse, an all-in-one unified productivity platform designed to enhance efficiency and streamline tasks (Windows, Web)

Here's a sneak peek of what you can build with Flash Calendar (from Moni's production app):

In this demo, there are several features working together:

Resources