PHPackages                             texnixe/kirby3-codepen - 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. texnixe/kirby3-codepen

ActiveKirby-plugin

texnixe/kirby3-codepen
======================

Kirby 3 plugin providing a KirbyTag for CodePen embeds

0.9.3(7y ago)123MITPHP

Since Mar 4Pushed 7y ago1 watchersCompare

[ Source](https://github.com/texnixe/kirby3-codepen)[ Packagist](https://packagist.org/packages/texnixe/kirby3-codepen)[ RSS](/packages/texnixe-kirby3-codepen/feed)WikiDiscussions master Synced 2mo ago

READMEChangelog (4)Dependencies (1)Versions (5)Used By (0)

[![GitHub release](https://camo.githubusercontent.com/21c6effb43c6d9842f7a4753037bd0645917c655347777c4fa383f65d61bc1c6/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f72656c656173652f7465786e6978652f6b69726279332d636f646570656e2e7376673f6d61784167653d31383030)](https://camo.githubusercontent.com/21c6effb43c6d9842f7a4753037bd0645917c655347777c4fa383f65d61bc1c6/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f72656c656173652f7465786e6978652f6b69726279332d636f646570656e2e7376673f6d61784167653d31383030) [![License](https://camo.githubusercontent.com/850eae1099d2b05f53383473d7cd51f9bc1ab09b7d0d9e5122f1dd930efdcc6d/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f6d6173686170652f6170697374617475732e737667)](https://camo.githubusercontent.com/850eae1099d2b05f53383473d7cd51f9bc1ab09b7d0d9e5122f1dd930efdcc6d/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f6d6173686170652f6170697374617475732e737667) [![Kirby 3 Pluginkit](https://camo.githubusercontent.com/949db12e110145dfb4609964e360fbfbf0415d11bedf77540b6bb8bebf16a422/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f506c7567696e6b69742d5945532d6363613030302e737667)](https://camo.githubusercontent.com/949db12e110145dfb4609964e360fbfbf0415d11bedf77540b6bb8bebf16a422/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f506c7567696e6b69742d5945532d6363613030302e737667)

Kirby 3 CodePen embed
=====================

[](#kirby-3-codepen-embed)

This plugin provides a shortcode (KirbyTag) for embedding CodePens in your text.

Commercial Usage
----------------

[](#commercial-usage)

This plugin is free but if you use it in a commercial project please consider

- [making a donation](https://www.paypal.me/texnixe/10) or
- [buying a Kirby license using this affiliate link](https://a.paddle.com/v2/click/1129/38380?link=1170)

Installation
------------

[](#installation)

### Download

[](#download)

[Download the files](https://github.com/texnixe/kirby3-codepen/archive/master.zip) and place them inside `site/plugins/kirby-codepen`.

### Git Submodule

[](#git-submodule)

You can add the plugin as a Git submodule.

```
$ cd your/project/root
$ git submodule add https://github.com/texnixe/kirby3-codepen.git site/plugins/kirby-codepen
$ git submodule update --init --recursive
$ git commit -am "Add Kirby CodePen plugin"

```

Run these commands to update the plugin:

```
$ cd your/project/root
$ git submodule foreach git checkout master
$ git submodule foreach git pull
$ git commit -am "Update submodules"
$ git submodule update --init --recursive

```

### Composer

[](#composer)

```
composer require texnixe/kirby3-codepen

```

Usage
-----

[](#usage)

The CodePen Id is required.

```
(codepen: jwGBh)

```

Options
-------

[](#options)

### Config options

[](#config-options)

You can set the following default options in your `config.php`:

```
'texnixe.codepen.preview'    => true;
'texnixe.codepen.height'     => 300;
'texnixe.codepen.themeId'    => 1
'texnixe.codepen.defaultTab' => 'js,result'

```

### Tag options

[](#tag-options)

You can overwrite the config options in the KirbyTag, e.g.

```
(codepen: jwGBh height: 250)

```

In addition to the above settings, the following options are available:

- `user` : default ''
- `title`: default ''

Disclaimer
----------

[](#disclaimer)

This plugin is provided "as is" with no guarantee. Use it at your own risk and always test it yourself before using it in a production environment. If you encounter any problem, please [create an issue](https://github.com/texnixe/kirby3-codepen/issues/new).

License

[MIT](https://opensource.org/licenses/MIT)

It is discouraged to use this plugin in any project that promotes racism, sexism, homophobia, animal abuse, violence or any other form of hate speech.

###  Health Score

24

—

LowBetter than 32% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity8

Limited adoption so far

Community4

Small or concentrated contributor base

Maturity53

Maturing project, gaining track record

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

Total

4

Last Release

2609d ago

### Community

Maintainers

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

---

Tags

kirby3kirby3-cmskirby3-pluginkirby3kirby3-pluginkirby3-cms

### Embed Badge

![Health badge](/badges/texnixe-kirby3-codepen/health.svg)

```
[![Health](https://phpackages.com/badges/texnixe-kirby3-codepen/health.svg)](https://phpackages.com/packages/texnixe-kirby3-codepen)
```

###  Alternatives

[fabianmichael/kirby-meta

Your all-in-one powerhouse for any SEO and metadata needs imaginable.

6910.7k1](/packages/fabianmichael-kirby-meta)[schnti/cachebuster

A plugin for Kirby 3 CMS to add modification timestamps to css and js files

108.3k1](/packages/schnti-cachebuster)[bnomei/kirby3-php-cachedriver

PHP based Cache-Driver

112.6k](/packages/bnomei-kirby3-php-cachedriver)

PHPackages © 2026

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