* 戳上方藍字「 開源先鋒 」關註我
推薦閱讀：
大家好，我是開源君！
隨著前端技術的快速發展，開發者們需要更加高效、美觀且易於使用的UI元件庫來構建應用程式。
今天，開源君向大家介紹一個非常出色的開源計畫-
NextUI
。這個計畫是由一個充滿活力的社群所驅動的，它並不是由Vercel公司直接關聯，但確實從Vercel那裏獲得了一些靈感。
簡介
NextUI
是一個基於React.js的UI元件庫，它提供了一系列的元件和工具，使得我們可以輕松建立出現代且高效能的網站和應用程式。這個庫的設計理念是簡化開發流程，提供美觀且適應力強的系統設計，無論開發者的設計經驗如何。
它基於Tailwind CSS構建，具有出色的效能，沒有執行時樣式，包中也沒有不必要的類。此外，NextUI還支持日間/夜間模式，能夠自動根據HTML主題的變化進行切換。
目前在Github上面收獲了19.8K star！
效能特色
可個性客製：提供了外掛程式模式來客製主題，允許更改所有語意標記以建立全新主題。
效能優秀：構建在Tailwind CSS之上，保證了效能。
日間/夜間模式：支持自動模式辨識，能夠自動更改主題模式。
快速上手：完全元件化，減少學習曲線，提供優秀的開發體驗。
安裝部署
NextUI的安裝可以透過兩種主要方式進行：自動安裝和手動安裝。
自動安裝是透過NextUI的命令列界面（CLI）工具來完成的：
手動安裝NextUI需要CLI工具，涉及到全域安裝、配置Tailwind CSS、Provider設定等步驟。
詳細安裝方式可以檢視官方文件：
https://nextui.org/docs/guide/introduction
計畫體驗展示
NextUI提供了豐富的元件庫，包括按鈕、頭像、卡片、表單元素等，支持多種顏色、大小和樣式，可以輕松適應我們的設計需求。
下面給大家展示一下效果。
按鈕
頭像
輸入框
卡片
分頁器
小結
總的來說，NextUI是一個強大而靈活的React UI庫，它為我們提供了一個現代化的工具集，用於建立高效能和使用者友好的界面。
透過NextUI，我們可以快速構建出美觀、響應式且可存取的Web套用。
更多細節功能，感興趣的可以到計畫地址檢視：
計畫地址：
https://github.com/nextui-org/nextui
