📚

有益なReactIライブラリまとめ

2021/05/25に公開

この記事について

Web開発で1からいい感じのUIを作成しようと骨が折れることが多いですが、世の中にはOSSで簡単にかっこいいUIを作れるライブラリがあります。

本記事では、そんな便利なReact UIライブラリを自分のためのメモも兼ねてご紹介していきます。

この記事は良さげなライブラリを見つけるたびに不定期更新していきます
「こんなライブラリもあるよ!」という方はコメント欄へ🙏

React Typed

まるでタイピングしているように文字が動くテキストエフェクトを実装できるjQueryライブラリであるTyped.jsをReact用にType.jsをCommponentとしてラップしているライブラリ。

Github

https://github.com/ssbeefeater/react-typed

本家Github

https://github.com/mattboldt/typed.js

React Animations

こんな感じの簡単なアニメーションを実装できるライブラリ
1*bkPR-nhoZ5aTw_et9Mt7Ow.gif

Github

https://github.com/FormidableLabs/react-animations

React Reveal

画面スクロールで起こるアニメーションに特化しているライブラリ。
HPに活用事例がたくさん掲載されているのが嬉しい

HP

https://www.react-reveal.com

Github

https://github.com/rnosov/react-reveal

Ant Design

1*_6S4VTzzGwRtebx-ys4htA.gif

HP

https://ant.design

Github

https://github.com/ant-design/ant-design/

フォトギャラリーを簡単に作れるライブラリ

React-Carousel-Image-Gallery.gif

Example

https://reactjsexample.com/react-carousel-image-gallery-component-with-thumbnail-and-mobile-support/

Github

https://github.com/xiaolin/react-image-gallery

Discussion