PHPackages                             atk4/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. [Framework](/categories/framework)
4. /
5. atk4/ui

ActiveLibrary[Framework](/categories/framework)

atk4/ui
=======

Agile UI - Web Component Framework written in PHP

6.0.0(1y ago)454540.1k↓49.2%111[49 issues](https://github.com/atk4/ui/issues)[10 PRs](https://github.com/atk4/ui/pulls)20MITPHPPHP >=7.4 <8.4

Since Dec 8Pushed 2mo ago24 watchersCompare

[ Source](https://github.com/atk4/ui)[ Packagist](https://packagist.org/packages/atk4/ui)[ Docs](https://github.com/atk4/ui)[ RSS](/packages/atk4-ui/feed)WikiDiscussions develop Synced 1mo ago

READMEChangelog (10)Dependencies (18)Versions (99)Used By (20)

Agile UI - Robust and easy to use PHP Framework for Web Apps
============================================================

[](#agile-ui---robust-and-easy-to-use-php-framework-for-web-apps)

Agile UI implement server side rendering engine and over 50 UI generic components for interacting with your data.

Agile UI is the quickest way for building back-end UI, admin interfaces, data management systems for medium and large projects designed around roles, complex logic, formulas...

- Agile UI relies on abstract data. It could be stored in SQL, NoSQL or in external API.
- Agile UI adjusts to your data model. If you change your model structure, UI will reflect that.
- Agile UI offers out-of-the-box components, you don't need front-end development experience.
- Agile UI is interactive, making it very easy to trigger PHP code on JS events.
- Agile UI is compact - single file, several lines of code - that's all it takes.
- Agile UI is extensible - integrates VueJS for custom components and interactive behaviors.

[![Build](https://github.com/atk4/ui/actions/workflows/test-unit.yml/badge.svg?branch=develop)](https://github.com/atk4/ui/actions?query=branch:develop)[![Coverage](https://camo.githubusercontent.com/8b90804b7cef4b82ed6d8023a33f0c69cacb1a2f52a7480c6d2c834de6199d33/68747470733a2f2f636f6465636f762e696f2f67682f61746b342f75692f6272616e63682f646576656c6f702f67726170682f62616467652e737667)](https://codecov.io/gh/atk4/ui)[![Release](https://camo.githubusercontent.com/05b7250b1597627cd7a1ded95a4c4ec785f230cdfb295551f549d2d2c5b6298d/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f72656c656173652f61746b342f75692e737667)](https://github.com/atk4/ui/releases)[![Downloads](https://camo.githubusercontent.com/5a3131d8834c2f17f8c14d864e5dc5f3b0f32ed71fb2547fee64efb5c5bf91ac/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f61746b342f75692e737667)](https://github.com/atk4/ui/releases)

Quick-Links: [Documentation](https://atk4-ui.readthedocs.io/). [Demo-site](https://ui.atk4.org/). [ATK Data](https://github.com/atk4/data). [Discord community](https://discord.gg/QVKSk2B).

How does Agile Toolkit work?
----------------------------

[](#how-does-agile-toolkit-work)

The goal of Agile Toolkit is to reduce amount of coding to build general purpose web applications. There are three steps involved:

1. Define your "Data Model" through [Agile Data Framework](https://github.com/atk4/data) and associate with SQL, NoSQL or API.
2. Initialize UI components, connecting them to Data Model to build User Interface for your application.
3. If needed - Use [Agile API](https://github.com/atk4/api) to provide API access for your Mobile/React app or IoT devices.

Agile Data allows you to define models, fields, relations, formulas, aggregates, expressions, user action and access control rules. Both Agile UI and Agile API will follow those rules.

### Integrations and Apps using Agile UI

[](#integrations-and-apps-using-agile-ui)

Agile UI can integrate with frameworks like Laravel or Symfony, has integration with WordPress and there are several high-level projects developed entirely on Agile Toolkit.

### Who uses Agile Toolkit?

[](#who-uses-agile-toolkit)

Many companies use Agile Toolkit to implement admin interface and in some cases even user-facing interface.

### How does it work?

[](#how-does-it-work)

Install Agile UI with `composer require atk4/ui` using composer.

Create `index.php` file with:

```