PHPackages                             tavp/tavpblocks - 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. [Utility & Helpers](/categories/utility)
4. /
5. tavp/tavpblocks

ActiveTavpkit-module[Utility & Helpers](/categories/utility)

tavp/tavpblocks
===============

TAVPblocks — 40+ ready-made Tailwind + Alpine UI components for TAVP.

v0.0.2(3w ago)051MITPHPPHP >=8.1

Since Jul 9Pushed 3w agoCompare

[ Source](https://github.com/tavp-stack/tavpblocks)[ Packagist](https://packagist.org/packages/tavp/tavpblocks)[ RSS](/packages/tavp-tavpblocks/feed)WikiDiscussions main Synced 1w ago

READMEChangelog (1)Dependencies (2)Versions (5)Used By (1)

tavpblocks
==========

[](#tavpblocks)

Library **komponen UI** untuk TAVP, dibangun dengan Tailwind + Alpine + Volt. Target: 40+ komponen jadi yang tinggal dipakai.

Components
----------

[](#components)

### Phase 1 (0.2.0) — 15 basic components

[](#phase-1-020--15-basic-components)

ComponentDescription`x-button`Buttons with variants (primary, secondary, danger, ghost)`x-input`Text inputs with labels, errors, hints`x-select`Dropdown selects`x-textarea`Multi-line text inputs`x-toggle`On/off switches`x-modal`Dialog overlays`x-dropdown`Dropdown menus`x-toast`Notification popups`x-card`Content cards`x-badge`Status indicators`x-avatar`User avatars`x-datatable`Data tables with sorting`x-pagination`Page navigation`x-alert`Alert messages`x-skeleton`Loading placeholders### Phase 2 (0.4.0) — 25+ more components

[](#phase-2-040--25-more-components)

ComponentDescription`x-tabs`Tabbed content panels`x-accordion`Collapsible sections`x-file-upload`Drag-and-drop file upload`x-rich-editor`WYSIWYG rich text editor`x-date-picker`Date selection widget`x-color-picker`Color selection widget`x-stat-card`Statistics display card`x-form-group`Labeled form field wrapper`x-confirm-dialog`Confirmation modal`x-loading-spinner`Loading indicators`x-breadcrumb`Breadcrumb navigation`x-tooltip`Hover tooltips`x-progress-bar`Progress indicators`x-stepper`Multi-step wizard`x-timeline`Timeline display### CMS Controls (0.4.0) — Specialized form controls for tavp-cms

[](#cms-controls-040--specialized-form-controls-for-tavp-cms)

ComponentDescription`x-media-picker`Browse/select from media library`x-relation-picker`Select related content records`x-tags-input`Enter and manage tag lists`x-seo-editor`SEO meta title + description + OG image`x-block-editor`Gutenberg/Twill-style block-based content`x-code-editor`JSON/code editor with syntax highlighting`x-taxonomy-browser`Browse categories and tags`x-revision-viewer`View revision history`x-search-results`Search result display`x-api-explorer`API endpoint testingRequirements
------------

[](#requirements)

- PHP 8.3+
- Phalcon 5.16+
- tavp-core

Install
-------

[](#install)

```
# Via tavp CLI
tavp module:install tavp/tavpblocks

# Via Composer
composer require tavp/tavpblocks
```

Usage
-----

[](#usage)

```

{{ button('Click me', ['variant' => 'primary']) }}
{{ input('name', ['label' => 'Your Name', 'required' => true]) }}
{{ modal('confirm-delete', 'Are you sure?') }}

{{ media_picker('featured_image', ['label' => 'Featured Image']) }}
{{ relation_picker('categories', ['type' => 'category', 'multiple' => true]) }}
{{ tags_input('tags', ['label' => 'Tags']) }}
{{ seo_editor('seo', ['title' => $record['title'] ?? '']) }}
```

Styling
-------

[](#styling)

All components use Tailwind CSS classes. Customization via CSS variables:

```
--btn-primary: #3b82f6;
--btn-radius: 0.5rem;
--input-border: #d1d5db;
```

Testing
-------

[](#testing)

```
composer test
```

Status
------

[](#status)

Part of **0.2.0 Mature** (ZeroVer `0.MINOR.PATCH`). 15 basic + 10 CMS controls. Full 40+ in `0.4.0`.

License
-------

[](#license)

MIT

###  Health Score

37

—

LowBetter than 81% of packages

Maintenance95

Actively maintained with recent releases

Popularity5

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity35

Early-stage or recently created project

 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

Every ~8 days

Total

4

Last Release

22d ago

Major Versions

v0.0.0 → v1.0.02026-07-09

### Community

Maintainers

![](https://www.gravatar.com/avatar/45a246eeec15ab5e78eec925cf3829fd5e69c302c1dee58e4e63a1551612a120?d=identicon)[jtdoank](/maintainers/jtdoank)

---

Top Contributors

[![jtdoank](https://avatars.githubusercontent.com/u/5408136?v=4)](https://github.com/jtdoank "jtdoank (17 commits)")

###  Code Quality

TestsPHPUnit

### Embed Badge

![Health badge](/badges/tavp-tavpblocks/health.svg)

```
[![Health](https://phpackages.com/badges/tavp-tavpblocks/health.svg)](https://phpackages.com/packages/tavp-tavpblocks)
```

PHPackages © 2026

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