PHPackages                             isaadsalman/section-view - 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. isaadsalman/section-view

ActiveStatamic-addon[Utility & Helpers](/categories/utility)

isaadsalman/section-view
========================

A Statamic CP addon that provides a visual overview of components grouped by page section.

v1.0.0(10mo ago)02MITPHPPHP ^8.1

Since Jul 15Pushed 10mo agoCompare

[ Source](https://github.com/iSaadSalman/section-view)[ Packagist](https://packagist.org/packages/isaadsalman/section-view)[ RSS](/packages/isaadsalman-section-view/feed)WikiDiscussions main Synced 1mo ago

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

Section View for Statamic
=========================

[](#section-view-for-statamic)

> 💡 A Statamic Control Panel addon that provides a visual overview of your "Component" fieldsets, grouped and displayed by page section — including optional preview images.

[![Section View screenshot](screenshot/screen1.png)](screenshot/screen1.png)

✨ Features
----------

[](#-features)

- Automatically discovers all fieldsets matching the `(Component | Group) - Name` pattern.
- Groups components by page section (e.g., `About`, `Home`, etc.).
- Displays component names, handles, and titles clearly in the control panel.
- Extracts and displays preview images from `looks` field instructions, if available.
- Helps content editors and developers get a quick visual inventory of reusable components.

---

💻 How It Works
--------------

[](#-how-it-works)

The addon scans all fieldsets and identifies those with titles matching:

```
(Component | Group) - ComponentName

```

For example:

```
(Component | About) - Leadership
(Component | Home) - Hero

```

It then groups these into logical sections (About, Home, etc.), and extracts component details such as:

- **Name** — e.g., `Leadership`, `Hero`
- **Handle** — fieldset handle
- **Title** — full title string
- **Preview image** — optional, pulled from an `` tag inside the `instructions` of the `looks` field

The grouped data is passed to a custom CP view, which displays a visual list of all components and their metadata.

---

🚀 Installation
--------------

[](#-installation)

```
composer require isaadsalman/section-view
```

---

⚙️ Usage
--------

[](#️-usage)

1. **Ensure your fieldsets follow the naming convention**:

```
(Component | Group) - ComponentName

```

2. **Add an optional preview image**:

In your fieldset YAML or builder, create a field named `looks` and include an image tag inside its `instructions` field. Example:

```
handle: looks
field:
  instructions: ''
```

3. **Access the view**:

After installation, navigate to the corresponding route in the Statamic Control Panel. You will see a grouped list of components with images (if provided).

---

🔐 Permissions
-------------

[](#-permissions)

This addon includes fine-grained permissions to control access in the Control Panel:

- `view section view`: Allows users to see and access the **Section View** navigation item and main overview page.
- `manage sections`: Grants management permissions for sections.
    - `create sections`: Allows creating new sections.
    - `edit sections`: Allows editing existing sections.
    - `delete sections`: Allows deleting sections.

> You can assign these permissions to roles or individual users from **Users → Roles → Permissions** in the Statamic Control Panel.

---

🙌 Credits
---------

[](#-credits)

Created by [Isaad Salman](https://github.com/isaadsalman) — inspired by the need to make component management more visual and intuitive in Statamic.

---

📄 License
---------

[](#-license)

MIT License. See [LICENSE](LICENSE) for details.

###  Health Score

29

—

LowBetter than 59% of packages

Maintenance54

Moderate activity, may be stable

Popularity2

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity45

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

308d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/06ff15006b55b83195c40f167779cbefa7bc296feef367ee3bdcb1669121a539?d=identicon)[siner55](/maintainers/siner55)

---

Top Contributors

[![iSaadSalman](https://avatars.githubusercontent.com/u/736170?v=4)](https://github.com/iSaadSalman "iSaadSalman (1 commits)")

### Embed Badge

![Health badge](/badges/isaadsalman-section-view/health.svg)

```
[![Health](https://phpackages.com/badges/isaadsalman-section-view/health.svg)](https://phpackages.com/packages/isaadsalman-section-view)
```

###  Alternatives

[statamic/ssg

Generate static sites with Statamic.

254302.4k](/packages/statamic-ssg)[statamic/seo-pro

65440.7k](/packages/statamic-seo-pro)[jacksleight/statamic-bard-texstyle

17172.5k](/packages/jacksleight-statamic-bard-texstyle)[visuellverstehen/statamic-classify

A useful helper to add CSS classes to all HTML tags generated by the bard editor.

20116.8k](/packages/visuellverstehen-statamic-classify)[marcorieser/statamic-livewire

A Laravel Livewire integration for Statamic.

2381.5k10](/packages/marcorieser-statamic-livewire)[withcandour/aardvark-seo

Save time and get your Statamic site to rank better with the SEO addon for Statamic.

13128.3k](/packages/withcandour-aardvark-seo)

PHPackages © 2026

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