PHPackages                             tinyphporg/tinyphp-ui - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Templating & Views](/categories/templating)
4. /
5. tinyphporg/tinyphp-ui

ActiveLibrary[Templating & Views](/categories/templating)

tinyphporg/tinyphp-ui
=====================

基于tinyphp-framework，面向PHP全栈工程师，继承了Bootstrap5+webpack5+jquery的前端UI库，提供管理后台UI和前端UI，及各种JS组件库。

2.0.0(3y ago)110312HTMLPHP >7.3.0

Since Nov 2Pushed 2w ago1 watchersCompare

[ Source](https://github.com/aigameism/tinyphp-ui)[ Packagist](https://packagist.org/packages/tinyphporg/tinyphp-ui)[ RSS](/packages/tinyphporg-tinyphp-ui/feed)WikiDiscussions master Synced 1mo ago

READMEChangelogDependenciesVersions (3)Used By (2)

TinyPHP UI
==========

[](#tinyphp-ui)

中文
--

[](#中文)

### 简介

[](#简介)

基于 [aigm/tinyphp](https://github.com/aigmlab/tinyphp) 的前端 UI 组件库。

项目地址:

### 面向对象

[](#面向对象)

- 熟练掌握 bootstrap / jquery / css / vue
- 熟悉 JavaScript
- 面向 PHP 全栈工程师
- 自定义开发需要熟悉 webpack

### 适用场景

[](#适用场景)

- 管理后台开发 (ERP / CRM / SRM / OA)
- 响应式 Web 应用

### 在 tinyphp 中使用

[](#在-tinyphp-中使用)

#### Composer

[](#composer)

```
composer require aigm/tinyphp-ui
```

#### NPM

[](#npm)

```
npm i tinyphporg/tinyphp-ui
```

#### profile.php 配置

[](#profilephp-配置)

开启 tinyphp-ui 默认自动注入前端库:

```
# application/config/profile.php
$profile['view']['ui']['enabled'] = TRUE;
$profile['view']['ui']['public_path'] = '/tinyphp-ui/';       // 公共访问地址
$profile['view']['ui']['inject'] = TRUE;                       // 自动注入
$profile['view']['ui']['template_plugin'] = '\\Tiny\\MVC\\View\\UI\\UIViewTemplatePlugin';
$profile['view']['ui']['helper'] = '\\Tiny\\MVC\\View\\UI\\UIViewHelper';
$profile['view']['ui']['template_dirname'] = '../vendor/aigm/tinyphp-ui/templates/';

// UI Dev 调试模式
$profile['view']['ui']['dev_enabled'] = TRUE;
$profile['view']['ui']['dev_public_path'] = "http://127.0.0.1:8080/js/tinyphp-ui.js";
$profile['plugins']['ui_dev_plugin'] = '\Tiny\MVC\View\UI\UITemplatePlugin';

// UI Installer
$profile['view']['ui']['installer']['param_name'] = 'ui-install';
$profile['view']['ui']['installer']['frontend_path'] = 'tinyphp-ui/';
$profile['view']['ui']['installer']['plugin'] = '\Tiny\MVC\View\UI\UIInstaller';
```

在视图引擎 Template 中以 tag 形式引入:

```
{ui.lib}

```

### 前端组件库

[](#前端组件库)

**基础组件:**

- webpack5
- bootstrap5
- jQuery
- font-awesome
- adminlte

**可选加载库:**

- sweetalert2: 漂亮、响应式、可定制的 JavaScript 弹窗
- echarts: 基于 JavaScript 的数据可视化图表库

### 调试与自定义开发

[](#调试与自定义开发)

```
cd vendor/aigm/tinyphp-ui
npm i
npm run dev
# 开启基于 127.0.0.1:8080 的调试 web server
```

```
# profile.php 中检测以下配置
$profile['view']['ui']['dev_enabled'] = TRUE;
$profile['view']['ui']['dev_public_path'] = "http://front.dev.tinycn.com/js/tinyphp-ui.js";
$profile['plugins']['ui_dev_plugin'] = '\Tiny\MVC\View\UI\UITemplatePlugin';

# 在测试域名 (默认 127.0.0.1) 下访问 http://127.0.0.1/pages/index 测试
```

```
npm run build
# 重新打包，访问 http://127.0.0.1:8989 查看打包详情

cd tinyphp
composer post-update-cmd
# 更新到 tinyphp/public/tinyphp-ui 目录
```

---

English
-------

[](#english)

### Overview

[](#overview)

A frontend UI component library built for [aigm/tinyphp](https://github.com/aigmlab/tinyphp).

Repository:

### Target Audience

[](#target-audience)

- Proficient in bootstrap / jquery / css / vue
- Strong JavaScript skills
- Full-stack PHP engineers
- Webpack knowledge required for custom development

### Use Cases

[](#use-cases)

- Admin dashboard development (ERP / CRM / SRM / OA)
- Responsive web applications

### Installation

[](#installation)

#### Composer

[](#composer-1)

```
composer require aigm/tinyphp-ui
```

#### NPM

[](#npm-1)

```
npm i tinyphporg/tinyphp-ui
```

### Configuration

[](#configuration)

Enable auto-injection of tinyphp-ui assets in `application/config/profile.php`:

```
$profile['view']['ui']['enabled'] = TRUE;
$profile['view']['ui']['public_path'] = '/tinyphp-ui/';
$profile['view']['ui']['inject'] = TRUE;
$profile['view']['ui']['template_plugin'] = '\\Tiny\\MVC\\View\\UI\\UIViewTemplatePlugin';
$profile['view']['ui']['helper'] = '\\Tiny\\MVC\\View\\UI\\UIViewHelper';
$profile['view']['ui']['template_dirname'] = '../vendor/aigm/tinyphp-ui/templates/';
```

Template usage:

```
{ui.lib}

```

### Component Library

[](#component-library)

**Core:**

- webpack5, bootstrap5, jQuery, font-awesome, adminlte

**Optional:**

- sweetalert2 — beautiful, responsive, customizable JavaScript popups
- echarts — JavaScript data visualization chart library

### Development

[](#development)

```
cd vendor/aigm/tinyphp-ui
npm i
npm run dev     # starts dev server at 127.0.0.1:8080
npm run build   # production build, details at 127.0.0.1:8989
```

###  Health Score

35

—

LowBetter than 77% of packages

Maintenance63

Regular maintenance activity

Popularity12

Limited adoption so far

Community13

Small or concentrated contributor base

Maturity46

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

1283d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/cf70d29ab0374397ae997ff1eeb8aaa7ed0cd53fa9e9ea15bddeff57a2016aa8?d=identicon)[tinyphp](/maintainers/tinyphp)

![](https://www.gravatar.com/avatar/ce599c3c5b75cab941a16336bc1818d6d91ecbf470d4ea79a1028634229caae2?d=identicon)[opensaas](/maintainers/opensaas)

---

Top Contributors

[![aigameism](https://avatars.githubusercontent.com/u/5679933?v=4)](https://github.com/aigameism "aigameism (50 commits)")

---

Tags

bootstrapeasyuiechartsjqueryphptinyphpwebpackwebpack5

### Embed Badge

![Health badge](/badges/tinyphporg-tinyphp-ui/health.svg)

```
[![Health](https://phpackages.com/badges/tinyphporg-tinyphp-ui/health.svg)](https://phpackages.com/packages/tinyphporg-tinyphp-ui)
```

###  Alternatives

[limenius/react-bundle

Client and Server-side react rendering in a Symfony Bundle

3851.2M](/packages/limenius-react-bundle)[area17/laravel-auto-head-tags

Laravel Auto Head Tags helps you build the list of head elements for your app

4616.1k](/packages/area17-laravel-auto-head-tags)[jelix/wikirenderer

WikiRenderer is a library to generate HTML or anything else from wiki content.

1712.3k1](/packages/jelix-wikirenderer)[webkinder/sproutset

A Composer package for handling responsive images in Roots Bedrock + Sage + Blade projects.

282.2k](/packages/webkinder-sproutset)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)