https://github.com/mryechkin/live-code-editor

Live code editor from Chakra UI, built using React Live and TailwindCSS.
https://github.com/mryechkin/live-code-editor

Last synced: 20 days ago
JSON representation

Live code editor from Chakra UI, built using React Live and TailwindCSS.

• Host: GitHub
• URL: https://github.com/mryechkin/live-code-editor
• Owner: mryechkin
• Created: 2022-05-20T18:16:47.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-05-20T18:17:55.000Z (over 2 years ago)
• Last Synced: 2024-10-05T05:21:00.209Z (about 1 month ago)
• Language: JavaScript
• Size: 283 KB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Chakra UI Live Code Editor

## Overview

Live code editor from [Chakra UI](https://www.chakra-ui.com/), built using [React Live](https://github.com/FormidableLabs/react-live) and [TailwindCSS](https://tailwindcss.com/).

![Example](hero.png)

Watch the full tutorial video [here](https://youtu.be/Ld3W9aaNx1g)!

## How to run

This project is using [Next.js](https://nextjs.org/). Run it like any other Next app using `npm run dev`.

Make sure to run `npm ci` beforehand as well.

## License

Licensed under MIT License.