轻松高效，
构建美观网站。
美观，现代，可靠的 React 组件库。
开始使用
~ npm i @nex-ui/react
自定义主题
Nex UI 支持灵活的样式定制，以满足设计需求，您可以修改所有的 Tokens 或者创建全新的主题。
浅色 & 深色 UI
Nex UI 内置浅色与深色两套主题，并提供一种快速实现应用程序深色模式的便捷方案。
独特的 DX
Nex UI 提供一套样式设计系统，助力您更迅速、高效地打造自定义设计，拓展符合统一主题风格的自有组件。
Accessibility
Nex UI 遵循 Web 内容可访问性指南（WCAG）标准，并通过语义化的 HTML 结构、ARIA 属性以及对键盘导航的支持，确保任何人都能使用它。
设计样式
更为轻松
Nex UI 支持 sx 属性，这为您提供了一种便捷且高效的方式，能依据所使用的 CSS 属性，从主题中映射取值，进而将正确的 Token 应用到 React 元素上。同时，借助引用主题中预先定义的断点，使用 sx 属性还大幅简化了定义响应式值的过程。
Listen Now
Top picks for you. Updated daily.
Trip Hop
Ava
Classical Music
Nina
Disc Jockey
David
Hop Hip
Ethan
Folk Music
Olivia
Light Music
Ryan
Country Music
Gabriel
Pop Music
Benjamin
Playlist.tsx
深色模式
开箱即用
Nex UI 不仅内置一套设计精美的深色主题，还为您提供一种快速实现应用程序深色模式的便捷方案。
Daily Mix
12 Tracks
Frontend Radio
1:34
4:45
app/layout.tsx