TinyBase logoTinyBase

Demos

This is a selection of demos that show how TinyBase can be used in real-world applications.

Thumbnail of TinyRooms New! TinyRooms is a local-first app demo, using TinyBase, PartyKit, and optional GitHub OAuth. It is designed to explore the challenges of (and possible solutions for) building local-first apps in the real world. You can try it out here.

For the demos on this site, we start with the obligatory 'Hello World' example, and then advance from there. Some demos have multiple versions which start simple and then gain additional functionality with subsequent iterations.

For a 'kitchen-sink' demo that shows TinyBase really being put through its paces, take a look at the Drawing demo.

This set of demos should grow over time, so keep checking back!

Hello World

These demos demonstrate the absolute basics of using TinyBase, with an obligatory 'Hello World' example.

Rolling Dice

These demos demonstrate metrics (such as average dice rolls) and indexes (such as grouping multiple dice rolls).

Countries

In this demo, we build a simple app that uses React and a simple Store object to load and display country data.

Todo App

These demos demonstrate how to build a classic 'Todo' app, with successive levels of complexity.

Drawing

In this demo, we build a more complex drawing app, using many of the features of TinyBase together.

City Database

In this demo, we build an app that loads over 140,000 records to push the size and performance limits of TinyBase.

Car Analysis

In this demo, we build an app that showcases the query capabilities of TinyBase v2.0, grouping and sorting dimensional data for lightweight analytical usage.

Movie Database

In this demo, we build an app that showcases the relational query capabilities of TinyBase v2.0, joining together information about movies, directors, and actors.

Word Frequencies

In this demo, we load the list of the 10,000 most common words in English, index them for a fast search experience, and showcase TinyBase v2.1's ability to register a Row in multiple Slice arrays of an Index.

UI Components

In this set of demos, we use a Store containing some sample data to showcase the UI components in the ui-react-dom module.