HeroUIとは

HeroUIとは、Reactのlibrary。

デザインの知識がなくてもいい感じのUIを作れるというもの。

Next.jsにも対応しているので、HeroUIのcomponentをServer sideで作れる。

ButtonやNavbarなどのWebでよく使われるcomponentはちゃんとある。

フルスタックエンジニアにとっては、めっちゃありがたい。

ぞれぞれのcomponentもカスタマイズを自由にできる。

使い方

表示したいページでimportして、

import {Button, ButtonGroup} from "@heroui/button";

JSXに書けばできあがり。

<Button>

Button

</Button>

何も設定せずにも結構いい感じ。