An open API service indexing awesome lists of open source software.

https://github.com/haskell-miso/miso-ui

🍜 🎨 A components library in miso, based on ShadCN and Tailwind CSS
https://github.com/haskell-miso/miso-ui

basecoat haskell miso shadcn shadcn-ui tailwind tailwindcss

Last synced: 6 months ago
JSON representation

🍜 🎨 A components library in miso, based on ShadCN and Tailwind CSS

Awesome Lists containing this project

README

          

:ramen: 🎨 miso-ui
====================

`miso-ui` is a component library that uses [Basecoat](https://basecoatui.com/) to deliver [ShadCN](https://ui.shadcn.com) styling. It uses [Tailwind CSS](https://tailwindcss.com/) utility classes under the hood.

View live [here](https://miso-ui.haskell-miso.org)

### Development

Call `nix develop` to enter a shell with [GHC 9.12.2](https://haskell.org/ghc)

```bash
$ nix develop --experimental-features nix-command --extra-experimental-features flakes
```

Once in the shell, you can call `cabal run` to start the development server and view the application at http://localhost:8080

### Build (Web Assembly)

```bash
$ nix develop .#wasm --command bash -c "make" --experimental-features 'nix-command flakes'
```

### Serve

To host the built application you can call `serve`

```bash
$ nix develop .#wasm --command bash -c "serve" --experimental-features 'nix-command flakes'
```

This comes with a GitHub action that builds and auto hosts the example.