DUICUO

WeChatミニプログラムの開発に適した10個のオープンソースUIライブラリ

WeChatミニプログラムの人気が高まるにつれ、様々な企業が独自のミニプログラム製品を開発しています。こうした状況において、優れたミニプログラムUIコンポーネントライブラリは開発効率を大幅に向上させることができます。以下に、優れたオープンソースコンポーネントライブラリをいくつかご紹介します。

ユニウイ

uni-uiは、DCloudが提供するクロスプラットフォームUIライブラリです。VueコンポーネントとFlexレイアウトをベースにした、DOMを使用しないクロスプラットフォームUIフレームワークです。

コードアドレス
https://github.com/dcloudio/uni-app.git

uView UI

uView は、uni-app エコシステム専用の UI フレームワークです。uni-app は、Vue.js を使用してすべてのフロントエンドアプリケーションを開発するためのフレームワークです。開発者は 1 セットのコードを書くだけで、iOS、Android、H5、各種ミニプログラム(WeChat/Alipay/Baidu/Toutiao/QQ/DingTalk)などの複数のプラットフォームにデプロイできます。

コードアドレス
https://github.com/umicro/uView2.0.git

ヴァント・ウェップ

Vant は、2017 年にオープンソース化された軽量で信頼性の高いモバイル コンポーネント ライブラリです。現在、Vant は Vue 2、Vue 3、WeChat ミニ プログラムのバージョンを公式に提供しており、コミュニティ チームは React および Alipay ミニ プログラムのバージョンを管理しています。

コードアドレス
https://github.com/youzan/vant-weapp.git

iview-weapp

豊富なコンポーネントを備えた高品質の WeChat ミニプログラム UI コンポーネント ライブラリですが、更新されなくなりました。

コードアドレス
https://github.com/TalkingData/iview-weapp.git

ヌトゥイ

JD.com スタイルの軽量 Vue コンポーネント ライブラリ。モバイル H5 とミニプログラム開発をサポートし、主流のモバイル シナリオをカバーする 70 以上の高品質コンポーネントを備えています。

コードアドレス
https://github.com/jdf2e/nutui.git

wux-weapp

Wux Weappは、WeChatミニプログラム向けのモジュール式で再利用可能、かつ拡張性に優れたUIコンポーネントライブラリです。UIスタイルは柔軟かつカスタマイズ可能で、様々なデザインスタイルに容易に適応できます。80種類以上の豊富なコンポーネントを備え、モバイル開発の基本的なニーズを満たします。

コードアドレス
https://github.com/wux-weapp/wux-weapp.git

リンウイ

Lin UIは、WeChatミニプログラムのネイティブ構文を使用して実装されたコンポーネントライブラリです。シンプルさと使いやすさを重視する設計思想に基づいています。

コードアドレス
https://github.com/TaleLin/lin-ui.git

トールUI

Thor UIは、軽量で洗練されたモバイルコンポーネントライブラリです。ユニアプリ版とネイティブミニプログラム版の両方をご用意しています。様々なモバイルシナリオに対応する100種類近くの高品質コンポーネントを提供し、開発効率を大幅に向上させます。

ThorUIコンポーネントライブラリは、WeChatミニプログラム用のネイティブバージョンです。このオープンソース版は、コードバージョンV1.4.2に基づいています。以降のアップデートは有料会員のみご利用いただけます。ThorUIコンポーネントライブラリは、v3でコンパイルされたユニアプリバージョンで、nvueユニアプリコンパイルモード(旧weexコンパイルモード)とeasycomコンポーネントモード(開発ツールにインテリジェントなコンポーネント検出機能が組み込まれているため、手動インポートは不要)をサポートしています。

コードアドレス
コードはhttps://github.com/dingyong0214/ThorUI.git にあります。
https://github.com/dingyong0214/ThorUI-uniapp.git

ファーストUI

First UIは、uni-appを用いて開発された、コンポーネントベースで再利用可能、拡張性に優れ、疎結合なクロスプラットフォームモバイルUIコンポーネントライブラリです。App-Nvue、App-vue、ミニプログラム(WeChat、Alipay、Baidu、ByteDance、QQ)、H5と完全な互換性があります。UIスタイルは柔軟に設定可能で、様々なデザインスタイルに容易に適応できます。100を超える豊富なコンポーネントを備え、モバイル開発の基本的なニーズを満たし、一般的なレイアウトをすぐに利用できるため、開発コストを大幅に削減できます。

コードアドレス
https://github.com/FirstUI/FirstUI.git

カラーUI

ColorUIは、開発者が美しく効率的なWebアプリケーションを迅速に構築できるよう、使いやすいUIコンポーネントとスタイルライブラリのスイートを提供します。このフレームワークは、使いやすさ、明確で簡潔なコード構造、豊富で多様なUIコンポーネントを特徴としており、様々なプロジェクトのニーズに応える豊富なテーマ、カラースキーム、アニメーション効果を提供しています。

コードアドレス
https://github.com/weilanwl/coloruicss.git

ColorUI GAは、WeChatミニプログラム向けの軽量で信頼性の高いオープンソースのネイティブCSSコンポーネントライブラリです。ColorUI 2.0をベースに開発されました。理論上は、CSSライブラリをサポートする他のすべてのプラットフォームと互換性があります。オリジナルのコンポーネントライブラリに、追加のスタイルとテンプレートを追加します。

コードアドレス
https://github.com/XiaokangLei/ColorUI-GA.git

WeChatミニプログラムの人気が高まるにつれ、大手インターネットアプリケーションも自社アプリ内でミニプログラム機能の実装を急いでいます。こうした状況において、クロスプラットフォームフレームワークが特に重要になります。現在、クロスプラットフォームのミニプログラムフレームワークとしては、 MeituanのmpvueJD.comのTaroUniAppなどが挙げられますが、特にUniAppは人気です。そのため、 UniAppをサポートするUIコンポーネントライブラリの需要はさらに高まっています。上記で紹介したUIコンポーネントライブラリは、現在も積極的に更新・サポートされています。もちろん、WeUI、AntUI、MinUIなど、長い間更新されていない優れたUIコンポーネントプロジェクトも数多くあります。これらを参考に、さらなるインスピレーションを得ることもできます。