PHPackages                             vardumper/picocss-storybook - 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. [Framework](/categories/framework)
4. /
5. vardumper/picocss-storybook

ActiveLibrary[Framework](/categories/framework)

vardumper/picocss-storybook
===========================

Storybook.js for PicoCSS

v0.1.6(8mo ago)23[2 issues](https://github.com/vardumper/picocss-storybook/issues)[7 PRs](https://github.com/vardumper/picocss-storybook/pulls)MITJavaScript

Since Mar 19Pushed 8mo ago1 watchersCompare

[ Source](https://github.com/vardumper/picocss-storybook)[ Packagist](https://packagist.org/packages/vardumper/picocss-storybook)[ Docs](https://github.com/vardumper/picocss-storybook)[ RSS](/packages/vardumper-picocss-storybook/feed)WikiDiscussions develop Synced 2d ago

READMEChangelog (7)Dependencies (12)Versions (18)Used By (0)

PicoCSS Storybook
=================

[](#picocss-storybook)

Storybook Skeleton for the PicoCSS Default Theme.

Requirements
============

[](#requirements)

You need *NPM* and *Yarn* installed on your machine to work with Storybook. On macOS, you can install them both with brew `brew install npm yarn`. Additionally, *PHP* and **Twig** are used to compile Stories. On macOS PHP is installed with `brew install php`.

Why does this repository exist?
===============================

[](#why-does-this-repository-exist)

Storybook is a great tool to develop and test components in isolation. It is also a great tool to document components. This repository is a skeleton for the PicoCSS Default Theme. It is a starting point to develop your own designs based on PicoCSS and document components.

Goals
=====

[](#goals)

The goal of this repository is to provide a starting point for developing PicoCSS Themes and Color Schemes. Starting off with a component library utilizing the PicoCSS Default Theme.

Getting Started
===============

[](#getting-started)

To get started, first clone this repository.

```
git clone git@github.com:vardumper/picocss-storybook.git
cd picocss-storybook
```

And run:

```
composer install
# merge PicoCSS sepcification into the HTML5 specification
php bin/console picocss
# render stories for storybook (to be replaced with generators in extended-htmldocument)
php bin/console storybook
yarn install
yarn storybook
```

This will install Composer and Yarn dependencies, build the storybook, and finally start Storybook for you.

###  Health Score

25

—

LowBetter than 35% of packages

Maintenance40

Moderate activity, may be stable

Popularity6

Limited adoption so far

Community10

Small or concentrated contributor base

Maturity40

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 81.8% 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 ~97 days

Recently: every ~146 days

Total

7

Last Release

251d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/21208397?v=4)[Erik Pöhler](/maintainers/vardumper)[@vardumper](https://github.com/vardumper)

---

Top Contributors

[![vardumper](https://avatars.githubusercontent.com/u/21208397?v=4)](https://github.com/vardumper "vardumper (63 commits)")[![iroybotlinio](https://avatars.githubusercontent.com/u/14099768?v=4)](https://github.com/iroybotlinio "iroybotlinio (8 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (6 commits)")

---

Tags

cssphppicocssscssstorybooktwigframeworkstorybookpicostorybook.jspicocss

###  Code Quality

Code StylePHP CS Fixer

### Embed Badge

![Health badge](/badges/vardumper-picocss-storybook/health.svg)

```
[![Health](https://phpackages.com/badges/vardumper-picocss-storybook/health.svg)](https://phpackages.com/packages/vardumper-picocss-storybook)
```

###  Alternatives

[sylius/sylius

E-Commerce platform for PHP, based on Symfony framework.

8.5k5.9M738](/packages/sylius-sylius)[shopware/platform

The Shopware e-commerce core

3.4k1.5M3](/packages/shopware-platform)[pimcore/pimcore

Content & Product Management Framework (CMS/PIM/E-Commerce)

3.8k3.8M507](/packages/pimcore-pimcore)[prestashop/prestashop

PrestaShop is an Open Source e-commerce platform, committed to providing the best shopping cart experience for both merchants and customers.

9.1k17.8k](/packages/prestashop-prestashop)[shopware/core

Shopware platform is the core for all Shopware ecommerce products.

585.6M576](/packages/shopware-core)[elgg/elgg

Elgg is an award-winning social networking engine, delivering the building blocks that enable businesses, schools, universities and associations to create their own fully-featured social networks and applications.

1.7k16.4k79](/packages/elgg-elgg)

PHPackages © 2026

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