PHPackages                             derekderaps/kalaponents - 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. [Templating & Views](/categories/templating)
4. /
5. derekderaps/kalaponents

Abandoned → [derekderaps/kalagraphs](/?search=derekderaps%2Fkalagraphs)Drupal-module[Templating & Views](/categories/templating)

derekderaps/kalaponents
=======================

Kalagraphs provides a flexible Paragraph type that allows editors to choose with which Twig template to render it.

8.1.0-rc3(8y ago)51.4k2[7 issues](https://github.com/kalamuna/kalagraphs/issues)GPL-2.0+PHP

Since Aug 1Pushed 8y ago27 watchersCompare

[ Source](https://github.com/kalamuna/kalagraphs)[ Packagist](https://packagist.org/packages/derekderaps/kalaponents)[ Docs](https://github.com/kalamuna/kalagraphs)[ RSS](/packages/derekderaps-kalaponents/feed)WikiDiscussions 8.x-1.x Synced 2mo ago

READMEChangelog (3)Dependencies (4)Versions (10)Used By (0)

Kalagraphs (Kalamuna Paragraphs)
================================

[](#kalagraphs-kalamuna-paragraphs)

Kalagraphs aims to empower front-end developers with the tools to maintain a warchest of components available to [Drupal](https://www.drupal.org/) site editors. It accomplishes this by making components cheap and easy to create and manage. No longer must you have badass [PHP](http://php.net/) developer skills with intimate knowledge of [Features module](https://www.drupal.org/project/features) voodoo just to get your components on a CMS page. Let the component names be specific and let the markup do its thing, all without needing to create an unmanagable number of [Paragraph](https://www.drupal.org/project/paragraphs) types!

In practice, Kalagraphs facilitates rapid development of components from a styleguide (e.g., [kalastatic](https://github.com/kalamuna/kalastatic), [kss](http://warpspire.com/kss/), or [Pattern Lab](http://patternlab.io/)) to implementation (Drupal via Paragraphs).

Table of Contents
-----------------

[](#table-of-contents)

- [Rationale](#rationale)
    - [Benefits](#benefits)
    - [Life without Kalagraphs](#life-without-kalagraphs)
    - [Contra-indications](#contra-indications)
- [Usage](#usage)
    - [Getting Started](#getting-started)
    - [Field Formatting](#field-formatting)

Rationale
---------

[](#rationale)

### Benefits

[](#benefits)

1. Decrease the development time and effort required to "CMSify" new components (make them available in Drupal) by removing the need for creation of new Paragraph types.
2. Improve the editorial UX by decluttering the edit form (fewer Paragraph types) and adding logos/icons to help editors identify each type (planned).
3. Make it possible to switch between component types without data loss / having to re-input the field data.

### Life without Kalagraphs

[](#life-without-kalagraphs)

1. Probably okay but potentially miserable.
2. Necessitates availability of backend development resources with intricate knowledge of the Drupal 8 theming layer.

### Contra-indications

[](#contra-indications)

Don't attempt to shoehorn Kalagraphs onto very complex components; just create a new, custom Paragraphs bundle to fit the data model. One great thing about this module: Kalagraphs doesn't interfere with a standard Paragraphs workflow, so developers who wish to may continue using their familiar tools without any trouble. Furthermore, they can even leverage some of Kalagraphs utility functions with the other Paragraph bundles or with entirely different entity types.

For example, it's often necessary to output node teasers as components on a page, in lists or otherwise. By adjusting the teaser view mode's field display formatters to use the Kalagraphs versions, developers may leverage the same field processing magic that informs template variables on all the Kalagraphs-enabled components.

Usage
-----

[](#usage)

### Getting Started

[](#getting-started)

1. Install the module (@todo Add link to Drupal documentation on installing modules).
2. @todo Fill in more steps here.

### Field Formatting

[](#field-formatting)

To render individual fields with various atom components, manually create theme hooks for each of the Twig files. Then, extend each of the the Kalagraphs field formatters in `src/Plugin/Field/FieldFormatters` and override `viewValue()` to assign the appropriate theme hook to the `$value` render array. More documentation and links forthcoming to this section.

###  Health Score

25

—

LowBetter than 37% of packages

Maintenance0

Infrequent updates — may be unmaintained

Popularity21

Limited adoption so far

Community17

Small or concentrated contributor base

Maturity55

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 90.5% 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 ~87 days

Total

3

Last Release

3029d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/56cdb1522b7917944ca67251264364f3a123b1ee3011f555d3b54172fff9f952?d=identicon)[derekderaps](/maintainers/derekderaps)

---

Top Contributors

[![gremy](https://avatars.githubusercontent.com/u/1007285?v=4)](https://github.com/gremy "gremy (19 commits)")[![RobLoach](https://avatars.githubusercontent.com/u/25086?v=4)](https://github.com/RobLoach "RobLoach (1 commits)")[![soniktrooth](https://avatars.githubusercontent.com/u/597617?v=4)](https://github.com/soniktrooth "soniktrooth (1 commits)")

---

Tags

componentsdrupalkalastaticparagraphsprototypestyleguidetwigdrupal

### Embed Badge

![Health badge](/badges/derekderaps-kalaponents/health.svg)

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

###  Alternatives

[pattern-lab/drupal-twig-components

A collection of Twig components to be used with Drupal- and Twig-related StarterKits.

17849.9k2](/packages/pattern-lab-drupal-twig-components)[nystudio107/twig-bundle-installer

Install, update, and manage Twig template bundles via Composer

361.1k1](/packages/nystudio107-twig-bundle-installer)

PHPackages © 2026

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