PHPackages                             sylvainjule/previews - 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. sylvainjule/previews

AbandonedArchivedKirby-plugin[Utility & Helpers](/categories/utility)

sylvainjule/previews
====================

Add some missing structure previews

1.0.6(4y ago)5112.6k↓71.4%21MITSCSS

Since Jan 15Pushed 2y ago1 watchersCompare

[ Source](https://github.com/sylvainjule/kirby-previews)[ Packagist](https://packagist.org/packages/sylvainjule/previews)[ RSS](/packages/sylvainjule-previews/feed)WikiDiscussions master Synced 1w ago

READMEChangelog (7)Dependencies (1)Versions (8)Used By (1)

> This plugin is archived as default previews for Kirby 4 are really good and more refined than the first ones in Kirby 3 which leaded to this plugin. It is no longer necessary.

Kirby Previews
==============

[](#kirby-previews)

Add some missing structure previews in the panel.

[![screenshot](https://user-images.githubusercontent.com/14079751/50736950-dcab0080-11c3-11e9-9548-02a04cdacaaf.jpg)](https://user-images.githubusercontent.com/14079751/50736950-dcab0080-11c3-11e9-9548-02a04cdacaaf.jpg)

> This plugin is completely free and published under the MIT license. However, if you are using it in a commercial project and want to help me keep up with maintenance, please consider [making a donation of your choice](https://www.paypal.me/sylvainjl) or purchasing your license(s) through [my affiliate link](https://a.paddle.com/v2/click/1129/36369?link=1170).

1. Installation
---------------

[](#1-installation)

Download and copy this repository to `/site/plugins/previews`

Alternatively, you can install it with composer: `composer require sylvainjule/previews`

2. Setup
--------

[](#2-setup)

That's it, no need for additional config. This plugin currently provides those field-previews :

- Multiselect
- Structure
- Blocks
- Tags
- [Color](https://github.com/TimOetting/kirby-color)
- [Colors](https://github.com/hananils/kirby-colors)
- [Color-palette](https://github.com/sylvainjule/kirby-color-palette)

3. Add / edit a preview
-----------------------

[](#3-add--edit-a-preview)

- Clone the repo
- `cd` to your newly created folder (named `kirby-previews`, or whatever you have chosen)
- Please read the [pluginkit guidelines](https://github.com/getkirby/pluginkit/tree/4-panel).

From there, adding a new preview might only take a few minutes:

- Start by running the plugin in dev mode to benefit from hot-reload while working on your preview (`npm run dev`)
- Create a new preview under `src/components` (check the existing previews for how to structure content).
- Add your preview CSS in `src/assets/styles.scss`
- Register you new preview in `src/index.js` (check the existing previews for how to do this).
- Build the plugin (`npm run build`)
- Create a pull request

> You **must** run the build process before pushing the repo.

4. License
----------

[](#4-license)

MIT

###  Health Score

36

—

LowBetter than 82% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity34

Limited adoption so far

Community11

Small or concentrated contributor base

Maturity65

Established project with proven stability

 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 ~189 days

Recently: every ~211 days

Total

7

Last Release

1545d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/14079751?v=4)[Sylvain Julé](/maintainers/sylvainjule)[@sylvainjule](https://github.com/sylvainjule)

---

Top Contributors

[![sylvainjule](https://avatars.githubusercontent.com/u/14079751?v=4)](https://github.com/sylvainjule "sylvainjule (22 commits)")

### Embed Badge

![Health badge](/badges/sylvainjule-previews/health.svg)

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

###  Alternatives

[distantnative/retour-for-kirby

Manage redirects and track 404s right from the Kirby CMS Panel

14689.4k1](/packages/distantnative-retour-for-kirby)[mzur/kirby-uniform

A versatile Kirby plugin to handle web form actions.

26068.3k13](/packages/mzur-kirby-uniform)[arnoson/kirby-vite

Vite helper for Kirby CMS

9759.2k3](/packages/arnoson-kirby-vite)[thathoff/kirby-git-content

Plugin to track changes to content in a git repository.

15343.7k](/packages/thathoff-kirby-git-content)[sylvainjule/locator

A map & geolocation field, built on top of open-source services / Mapbox

11237.3k1](/packages/sylvainjule-locator)[tobimori/kirby-seo

The default choice for SEO on Kirby: Implement technical SEO & Meta best practices with ease and provide an easy-to-use editor experience

10039.7k1](/packages/tobimori-kirby-seo)

PHPackages © 2026

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