由页面以纯 HTML 打开并书写内容。 ========================================================================= -->

Nexus UI / 组件库

一套极简、克制、企业级科技感的
全场景 UI 组件库

基于 Tailwind CSS v4 + 设计令牌（CSS 变量）驱动，覆盖设计基础、通用组件、浮层弹窗、数据展示、多媒体与 16 大行业业务模块。深浅色一键切换，全部页面由 header.php 与 sidebar.php 两个 PHP 文件引入，其余均为纯 HTML。

开始浏览组件查看行业模块

Tailwind v4 97 Pages 4 级菜单导航深色模式纯 HTML 主体

快速开始

quick start

项目结构

nexus-ui-php/
├─ header.php          ← 唯一 PHP 引入①：head + 框架样式 + 顶栏
├─ sidebar.php         ← 唯一 PHP 引入②：1/2/3/4 级菜单树
├─ index.php           ← 首页
├─ design-tokens.php   ← 组件页（全部为 .php 但仅两个 include）
├─ ind-ecommerce-*.php ← 行业模块页
└─ assets/js/nexus.js  ← 全站交互（静态资源，非 PHP 引入）

页面模板

<?php include 'header.php'; ?>   <!-- 仅有的两行 PHP -->
<?php include 'sidebar.php'; ?>
<main id="top" class="lg:ml-[264px] pt-16">
  <!-- 纯 HTML 主体内容 -->
</main>
<div class="toasts" id="toasts"></div>
<script src="assets/js/nexus.js"></script>

除引入两个文件外，页面内不使用任何 PHP；交互全部走 data-* 属性。