PHPackages                             high-five/craft-hyperdrive - 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. high-five/craft-hyperdrive

ActiveCraft-plugin[Framework](/categories/framework)

high-five/craft-hyperdrive
==========================

Light-speed Craft CMS development

0101PHP

Since Sep 18Pushed 8mo agoCompare

[ Source](https://github.com/high-five-dev/craft-hyperdrive)[ Packagist](https://packagist.org/packages/high-five/craft-hyperdrive)[ RSS](/packages/high-five-craft-hyperdrive/feed)WikiDiscussions main Synced 1mo ago

READMEChangelogDependenciesVersions (1)Used By (1)

🚀 craft-hyperdrive
==================

[](#-craft-hyperdrive)

**Light-speed Craft CMS development**

`craft-hyperdrive` is a component library for [Craft CMS](https://craftcms.com/) that applies **atomic design principles** and leverages **Tailwind CSS** for styling. It’s built to help developers ship scalable, consistent, and maintainable front-end interfaces at warp speed.

---

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

[](#-features)

- 🧩 **Atomic Design Structure** — Atoms, molecules, organisms and templates clean, reusable UI.
- 🎨 **Tailwind CSS Ready** — Utility-first styling out of the box, fully customizable.
- ⚡ **Light-speed Craft CMS Development** — Drop in pre-built components and accelerate your workflow.
- 🔌 **Twig Extension Included** — Render atoms, molecules, organisms, or particles with simple helpers.
- 🛠 **Overridable Components** — Project-level overrides let you customize or extend components without forking.
- 🧪 **Safe Fallbacks** — Missing components log a warning instead of breaking your templates.

---

🔧 Requirements
--------------

[](#-requirements)

- Craft CMS `^5.0`
- Tailwind CSS `^3.0`
- PHP `^8.4`

---

📦 Installation
--------------

[](#-installation)

```
composer require high-five/craft-hyperdrive
php craft plugin/install hyperdrive
```

Add component paths to your Tailwind config:

```
// tailwind.config.js
module.exports = {
  content: [
    './templates/**/*.twig',
    './vendor/high-five/craft-hyperdrive/src/templates/**/*.twig',
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}
```

---

🚀 Getting Started
-----------------

[](#-getting-started)

Use Components with Twig Helpers

### Atoms

[](#atoms)

```
{{ atom('button', { label: 'Submit', url: '/submit', style: 'primary' }) }}
```

### Molecules

[](#molecules)

```
{{ molecule('card', {
  title: 'Card Title',
  body: 'Card body text goes here.',
  image: entry.image.one()
}) }}
```

### Organisms

[](#organisms)

```
{{ organism('hero', {
  heading: entry.title,
  subheading: entry.teaser,
  cta: [{ label: 'Learn More', url: entry.url }]
}) }}
```

---

📂 Overriding & Custom Components
------------------------------------

[](#-overriding--custom-components)

To override or define new components, create a `hyperdrive/` folder in your project’s templates:

```
templates/
└── hyperdrive/
    ├── atoms/
    │   └── button.twig            # overrides vendor button
    ├── molecules/
    │   └── card.twig              # overrides vendor card
    └── organisms/
        └── newsletter-signup.twig # custom project-only component

```

###  Health Score

17

—

LowBetter than 6% of packages

Maintenance43

Moderate activity, may be stable

Popularity5

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity13

Early-stage or recently created project

 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.

### Community

Maintainers

![](https://www.gravatar.com/avatar/94c2c1a19613439c9c7f92a4b4a94d59a1bc2e507b12b1fdd6e5396f3334d0f9?d=identicon)[highfive](/maintainers/highfive)

---

Top Contributors

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

### Embed Badge

![Health badge](/badges/high-five-craft-hyperdrive/health.svg)

```
[![Health](https://phpackages.com/badges/high-five-craft-hyperdrive/health.svg)](https://phpackages.com/packages/high-five-craft-hyperdrive)
```

###  Alternatives

[laravel/passport

Laravel Passport provides OAuth2 server support to Laravel.

3.4k85.0M532](/packages/laravel-passport)[nolimits4web/swiper

Most modern mobile touch slider and framework with hardware accelerated transitions

41.8k177.2k1](/packages/nolimits4web-swiper)[laravel/dusk

Laravel Dusk provides simple end-to-end testing and browser automation.

1.9k36.7M259](/packages/laravel-dusk)[laravel/prompts

Add beautiful and user-friendly forms to your command-line applications.

712181.8M596](/packages/laravel-prompts)[cakephp/chronos

A simple API extension for DateTime.

1.4k47.7M121](/packages/cakephp-chronos)[laravel/pail

Easily delve into your Laravel application's log files directly from the command line.

91545.3M590](/packages/laravel-pail)

PHPackages © 2026

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