Heroic - Progressive Package for CodeIgniter 4

Heroic Features

Build powerful CodeIgniter 4 apps with seamless experience and clean architecture.

Folder-Based Routing

Organize pages like files and folders. No need to define routes manually.

SPA-Like Experience

Navigate between pages instantly without full page reloads — by default.

Native JavaScript

Write JavaScript the primitive way. No build tools or transpilers needed.

Alpine.js Integration

Add dynamic interactivity using Alpine.js with zero configuration.

Pinecone Router

Smooth client-side routing made easy with Pinecone Router.

No Build Tools

Focus on code, not tooling. Heroic works out of the box—no build steps required.

Folder-Based Routing

Heroic introduces a natural, folder-driven routing system that mirrors the structure of your views directory. Instead of manually declaring routes, simply create a file or folder and Heroic will automatically handle the routing logic. Off course the default CodeIgniter 4 routing mechanism is still fully supported.

Seamless Alpine.js Integration

Heroic makes it effortless to use Alpine.js in your views without any additional configuration. Simply return your data from the controller, and it will be automatically accessible in the view as Alpine.js predefined reactive data. This enables dynamic, interactive UIs with minimal setup.

SPA-Like Experience

With Heroic, page transitions feel instant and seamless—just like a Single Page Application. This is made possible by Pinecone Router, an Alpine.js plugin that handles client-side routing smoothly. Template preloading (eager loading) make pages can appear almost instantly without full reloads.

Easy Installation

Heroic integrates smoothly into your CodeIgniter 4 project.
Get started in seconds with just a few commands and see how it works.

  # Install CodeIgniter 4 project
  composer create-project codeigniter4/appstarter myapp
  cd myapp
  
  # Install heroic package
  composer require yllumi/heroic
  php spark heroic:install
  
  # Create new page
  php spark heroic:createPage welcome

Getting Started