PHPackages                             fojlerabbirabib/codeigniter-vite - 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. fojlerabbirabib/codeigniter-vite

ActiveLibrary[Framework](/categories/framework)

fojlerabbirabib/codeigniter-vite
================================

Integrate viteJs in CodeIgniter4 framework

v1.0.0(1y ago)019MITPHPPHP ^7.4 || ^8.0

Since Jan 18Pushed 1y ago1 watchersCompare

[ Source](https://github.com/FojleRabbiRabib/codeigniter-vitejs)[ Packagist](https://packagist.org/packages/fojlerabbirabib/codeigniter-vite)[ Docs](https://github.com/FojleRabbiRabib/codeigniter-vitejs)[ RSS](/packages/fojlerabbirabib-codeigniter-vite/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (1)DependenciesVersions (4)Used By (0)

 [![](src/logo.png)](src/logo.png)Codeigniter + viteJs
====================

[](#codeigniter--vitejs)

Vitejs Integration For CodeIgniter4 Framework

 [ ![](https://camo.githubusercontent.com/670adf83355df6a1d93e9942aa9b23eb43c684a8d12f67abd9491eb3c9e25b27/68747470733a2f2f637573746f6d2d69636f6e2d6261646765732e6865726f6b756170702e636f6d2f6769746875622f762f72656c656173652f666f6a6c65726162626972616269622f636f646569676e697465722d766974656a733f6c6f676f3d746167) ](https://github.com/FojleRabbiRabib/codeigniter-vitejs/releases) [ ![](https://camo.githubusercontent.com/1667baa3145a7b9b2a0ae17d8c7b09b4d471f79aa02b0615ab07d64d9988a198/68747470733a2f2f617765736f6d652e72652f6d656e74696f6e65642d62616467652e737667) ](https://github.com/vitejs/awesome-vite#codeigniter) [![](https://camo.githubusercontent.com/ddc383e5da8655f70c229c9cb900bb9600d739de38df239ea297001dc1cedcd0/68747470733a2f2f637573746f6d2d69636f6e2d6261646765732e6865726f6b756170702e636f6d2f7061636b61676973742f73746172732f666f6a6c65726162626972616269622f636f646569676e697465722d766974653f6c6f676f3d73746172)](https://camo.githubusercontent.com/ddc383e5da8655f70c229c9cb900bb9600d739de38df239ea297001dc1cedcd0/68747470733a2f2f637573746f6d2d69636f6e2d6261646765732e6865726f6b756170702e636f6d2f7061636b61676973742f73746172732f666f6a6c65726162626972616269622f636f646569676e697465722d766974653f6c6f676f3d73746172) [ ![](https://camo.githubusercontent.com/4529560166a1b215b4cf84001c9ede3e39982a55b62388681a8d74af42bc075b/68747470733a2f2f6261646765732e686970746573742e636f6d2f7061636b61676973742f64742f666f6a6c65726162626972616269622f636f646569676e697465722d766974653f636f6c6f723d253233633730306666266c6f676f3d7061636b6167697374266c6f676f436f6c6f723d253233633730306666) ](https://packagist.org/packages/fojlerabbirabib/codeignitervite) [ ![](https://camo.githubusercontent.com/cf3925f57871de88c414c56e4e131dbc54125581b7bba95f460e08f8e6c7ad40/68747470733a2f2f637573746f6d2d69636f6e2d6261646765732e6865726f6b756170702e636f6d2f7061636b61676973742f6c2f666f6a6c65726162626972616269622f636f646569676e697465722d766974653f6c6f676f3d6c6177) ](LICENSE)

Codeigniter vite is a package that aims to integrate [vitejs](https://vitejs.dev/) with [codeigniter4](https://codeigniter.com/) in a simple way.

Features:
---------

[](#features)

- ⏱️ Almost zero configuration
- 🧩 Easy to install and remove
- 🔨 Easy to customize
- ✌️ Support most used frameworks: `react`, `react-ts` (check [react-ts](https://github.com/FojleRabbiRabib/codeigniter-vitejs/tree/react-ts), `vue`, and `svlete`. (check [v2](https://github.com/FojleRabbiRabib/codeigniter-vitejs/tree/v2) for SvelteKit support)
- 🔥 Enjoy hot module replacement (HMR)

Installation:
-------------

[](#installation)

```
composer require fojlerabbirabib/codeigniter-vite

```

then from your project root, run:

```
php spark vite:init --framework

```

replace `` with `vue`, `react`, `react-ts`, `svelte`, or `none`

or you can just run:

```
php spark vite:init

```

our buddy `spark` will handle the rest for you 🙃

Getting Started:
----------------

[](#getting-started)

- Install your node dependencies: `npm install`
- Start vite server: `npm run dev`
- Start CI server: `php spark serve` or access it through your virtual host.
- That's all =)

> **NOTE:**
>
> `npm run dev` is not where you should work, it main purpose is to serve assets, such as scripts or stylesheets. once you build your files, it becomes useless but as long as it running, the package will use it instead of the bundled files. So make sure to **access your project** from ci server or a vitual host.

Build your files:
-----------------

[](#build-your-files)

to bundle your files, run:

```
npm run build

```

this command will generate the bundled assets in your public directory. but as we said before, as long as vite server is running, the package will use it instead of bundled files, so make sure to stop it when you're done developing.

Uninitialize:
-------------

[](#uninitialize)

`composer remove fojlerabbirabib/codeigniter-vite` command will remove the package, but the generated files will remain there (package.json, vite.config.js ...etc). so to avoid that, make sure to run the following command first:

```
php spark vite:remove

```

This command will do the following:

- delete `package.json`, `packages.lock.json` and `vite.config.js`.
- delete `resources` folder.
- And finally restore your `.env` file.

🔥 Need a quick start?
---------------------

[](#-need-a-quick-start)

Check out our starter apps for [svelte](https://github.com/mihatorikei/ci-svelte-appstarter) and [vue](https://github.com/mihatorikei/ci-vue-appstarter).

[ ![](https://github.com/mihatorikei/ci-svelte-appstarter/raw/master/ci-svelte.webp)](https://github.com/mihatorikei/ci-svelte-appstarter)[ ![](https://github.com/mihatorikei/ci-vue-appstarter/raw/master/ci-vue.webp)](https://github.com/mihatorikei/ci-vue-appstarter)Contributing
------------

[](#contributing)

All contributions are welcome, it doesn't matter whether you can code, write documentation, or help find bugs. feel free to use issues or pull requests.

Credits
-------

[](#credits)

- **Source Repository**: [codeigniter-vitejs](https://github.com/mihatorikei/codeigniter-vitejs)
- **Author**: [Mihato Rikei](https://github.com/mihatorikei)

Support
-------

[](#support)

Unfortunately, I don't drink coffee 💔, but you can give a ⭐ to me and the [source repository](https://github.com/mihatorikei/codeigniter-vitejs) instead 🙃.

License
-------

[](#license)

MIT License © 2025 [Fojle Rabbi Rabib](https://github.com/FojleRabbiRabib)

###  Health Score

28

—

LowBetter than 54% of packages

Maintenance43

Moderate activity, may be stable

Popularity6

Limited adoption so far

Community12

Small or concentrated contributor base

Maturity45

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 84.3% 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 ~0 days

Total

2

Last Release

476d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/3688e2a18f28f8561e8a2dcf165f7257ffaff3a1e0ff7b6f2a52b912185953f1?d=identicon)[FojleRabbiRabib](/maintainers/FojleRabbiRabib)

---

Top Contributors

[![mihatorikei](https://avatars.githubusercontent.com/u/87876485?v=4)](https://github.com/mihatorikei "mihatorikei (97 commits)")[![jaguarch](https://avatars.githubusercontent.com/u/109637629?v=4)](https://github.com/jaguarch "jaguarch (10 commits)")[![FojleRabbiRabib](https://avatars.githubusercontent.com/u/36526962?v=4)](https://github.com/FojleRabbiRabib "FojleRabbiRabib (6 commits)")[![Gildedter](https://avatars.githubusercontent.com/u/93777256?v=4)](https://github.com/Gildedter "Gildedter (1 commits)")[![mossailem](https://avatars.githubusercontent.com/u/17957118?v=4)](https://github.com/mossailem "mossailem (1 commits)")

---

Tags

codeignitercodeigniter4codeigniter-viteJscodeigniter-vueJscodeigniter-reactJscodeigniter-svelteJscodeigniter spacodeigniter-reactJsTs

### Embed Badge

![Health badge](/badges/fojlerabbirabib-codeigniter-vite/health.svg)

```
[![Health](https://phpackages.com/badges/fojlerabbirabib-codeigniter-vite/health.svg)](https://phpackages.com/packages/fojlerabbirabib-codeigniter-vite)
```

###  Alternatives

[mihatori/codeignitervite

Integrate viteJs in codeiginter4 framework

974.0k2](/packages/mihatori-codeignitervite)[composer/installers

A multi-framework Composer library installer

1.4k136.0M6.0k](/packages/composer-installers)[michalsn/codeigniter-htmx

HTMX helper for CodeIgniter 4 framework

8140.9k](/packages/michalsn-codeigniter-htmx)[codeigniter/phpstan-codeigniter

CodeIgniter extensions and rules for PHPStan

17457.2k30](/packages/codeigniter-phpstan-codeigniter)[luthier/luthier

Improved routing, middleware support, authentication tools and more for CodeIgniter 3 framework

150108.8k](/packages/luthier-luthier)[tatter/frontend

Opinionated suite of frontend tech for CodeIgniter 4

125.3k](/packages/tatter-frontend)

PHPackages © 2026

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