Introduction

Flexbox.fun is an interactive playground that helps you master Flexbox concepts while having fun.

Features

1. Learn difficult concepts by playing around.
2. Highly Interactive tutorials with widgets (upcoming).
3. Helps you build your confidence in Flexbox.

Usecases

1. Create and experiment with different layouts using Flexbox for faster learning.
2. Perfect your Flexbox skills with easy experimentation and revision.
3. Ideal for creators looking to demonstrate Flexbox concepts through video tutorials.

Getting Started

1. Fork-Clone the repo.
2. Install dependencies.

yarn install

3. Run the development server:

yarn dev

Open http://localhost:3000 with your browser to see the result.

Vision

1. Interactive Tutorials: Text based tutorials along with interactive widgets and Videos.
2. Skins: Skins for the playground and Flexbox items.
3. Sound Effects
4. Description of Active property: Show a guide of the latest property clicked by the user below the playground.