# widget-livebook

**Repository Path**: leanflutter/widget-livebook

## Basic Information

- **Project Name**: widget-livebook
- **Description**: About Live preview example for flutter widgets.
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: main
- **Homepage**: https://widget-livebook.leanflutter.dev
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2020-09-28
- **Last Updated**: 2024-01-17

## Categories & Tags

**Categories**: cross-platform-mobiledev

**Tags**: None

## README

<h1 align="center">
Flutter Widget Livebook
</h1>
<p align="center">
  <a aria-label="LiJianying" href="https://github.com/lijy91">
    <img src="https://img.shields.io/badge/MADE%20BY-LI%20JIANYING-blue.svg?style=for-the-badge&labelColor=000000">
  </a>
  <a aria-label="License" href="https://github.com/leanflutter/flutter-widget-livebook/blob/master/LICENSE">
    <img alt="" src="https://img.shields.io/badge/LICENSE-MIT-green.svg?style=for-the-badge&labelColor=000000">
  </a>
  <a aria-label="Join the chat" href="https://t.me/flutterwidgetlivebook">
    <img alt="" src="https://img.shields.io/badge/chat%20on-telegram-blue.svg?style=for-the-badge&labelColor=000000&logo=telegram">
  </a>
</p>

<p align="center">
  <strong>
    Visit <a href="https://widget-livebook.leanflutter.dev">https://widget-livebook.leanflutter.dev</a>
  </strong>
</p>

---

<!-- START doctoc generated TOC please keep comment here to allow auto update -->
<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->

- [Introduction](#introduction)
- [Quick Start](#quick-start)
  - [Prerequisites](#prerequisites)
  - [Installation](#installation)
  - [Starting Development](#starting-development)
  - [Building for Production](#building-for-production)
- [Related Links](#related-links)
- [Discussion](#discussion)
- [License](#license)

<!-- END doctoc generated TOC please keep comment here to allow auto update -->

## Introduction

[Flutter Widget Livebook](https://flutter-widget.live) is a website built with Flutter for web to live preview widget samples online.

## Quick Start

### Prerequisites

Before starting make sure you have:

- Installed [pnpm](https://pnpm.io/)

### Installation

```bash
$ melos bootstrap
$ cd storybook
$ pnpm install
$ pnpm build-preview-app
```

### Starting Development

```bash
$ cd storybook
$ pnpm storybook
```

### Building for Production

```
$ yarn build
```

## Related Links

- https://flutter.dev
- https://www.youtube.com/playlist?list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG

## Discussion

If you have any suggestions or questions about this project, you can discuss it by [Telegram Group](https://t.me/joinchat/I4jz1FE5sBGk7V0jUpzSXg) with me.

## License

[MIT](./LICENSE)