Tailwind.cssとFramer Motionをベースに設計されたオープンソースのエンタープライズ向けReact コンポーネント・「Reablocks」

Ads

Reablocks

Tailwind.cssとFramer Motionをベースに設計されたオープンソースのReact コンポーネント・「Reablocks」
ReablocksはTailwind.cssとFramer Motionをベースに設計されたオープンソースのエンタープライズ向けReact コンポーネントです。高度なカスタマイズと美しくデザインされたUIでエンタープライズ向けの製品開発に使える事を念頭に設計しているそうです。

50以上のコンポーネント、30以上のブロックが用意されており、アニメーションとトランジションにはFramer Motionを採用しているためシームレスにモーションを僅か数行のコードで追加出来るようになっています。

尚、エンタープライズ向け、というのは実際に開発者が数十のエンタープライズ製品の運用環境で使用されているなど、実際のアプリケーションで実戦テスト済みであり、更にコンシューマー・アプリよりもビジネス アプリ向けのコンポーネントを中心に用意している、という事のようです。

企業案件特化型のコンポーネント集でOSSであり、モーション追加もシームレスに行えてTailwndベースによるカスタマイズ性の高さが他のReactコンポーネントプロジェクトとの差という印象でした。動作サンプルも全コンポーネント確認可能となっていますので興味のある方はチェックしてみてください。ライセンスはApache-2.0との事です。

Reablocks