{"id":32748338,"url":"https://github.com/ahmadsubadri/codeigniter-3-tailwind-css-starter-kit","last_synced_at":"2026-05-04T00:34:10.001Z","repository":{"id":322283629,"uuid":"1088883824","full_name":"AhmadSubadri/CodeIgniter-3-Tailwind-CSS-Starter-Kit","owner":"AhmadSubadri","description":"A clean and ready-to-use starter kit to integrate Tailwind CSS with CodeIgniter 3.","archived":false,"fork":false,"pushed_at":"2025-11-03T15:52:57.000Z","size":4169,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-11-03T17:24:20.740Z","etag":null,"topics":["codeigniter","codeigniter3","css","frontend","php","starter-kit","tailwind-starter-kit","tailwindcss","template"],"latest_commit_sha":null,"homepage":"https://github.com/AhmadSubadri/CodeIgniter-3-Tailwind-CSS-Starter-Kit","language":"PHP","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AhmadSubadri.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"license.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-11-03T15:34:03.000Z","updated_at":"2025-11-03T15:51:16.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/AhmadSubadri/CodeIgniter-3-Tailwind-CSS-Starter-Kit","commit_stats":null,"previous_names":["ahmadsubadri/codeigniter-3-tailwind-css-starter-kit"],"tags_count":1,"template":true,"template_full_name":null,"purl":"pkg:github/AhmadSubadri/CodeIgniter-3-Tailwind-CSS-Starter-Kit","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AhmadSubadri%2FCodeIgniter-3-Tailwind-CSS-Starter-Kit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AhmadSubadri%2FCodeIgniter-3-Tailwind-CSS-Starter-Kit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AhmadSubadri%2FCodeIgniter-3-Tailwind-CSS-Starter-Kit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AhmadSubadri%2FCodeIgniter-3-Tailwind-CSS-Starter-Kit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AhmadSubadri","download_url":"https://codeload.github.com/AhmadSubadri/CodeIgniter-3-Tailwind-CSS-Starter-Kit/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AhmadSubadri%2FCodeIgniter-3-Tailwind-CSS-Starter-Kit/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":282529256,"owners_count":26684508,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-11-03T02:00:05.676Z","response_time":108,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["codeigniter","codeigniter3","css","frontend","php","starter-kit","tailwind-starter-kit","tailwindcss","template"],"created_at":"2025-11-03T21:00:46.199Z","updated_at":"2025-11-03T21:01:57.802Z","avatar_url":"https://github.com/AhmadSubadri.png","language":"PHP","funding_links":[],"categories":[],"sub_categories":[],"readme":"# CodeIgniter 3 + Tailwind CSS Starter Kit\n\nA clean and ready-to-use starter kit to integrate **Tailwind CSS** with **CodeIgniter 3**. This kit allows you to quickly set up a CI3 project with Tailwind CSS for modern, responsive UI development.\n\n## ✅ Features\n\n- Tailwind CSS v3 pre-configured\n- PostCSS and Autoprefixer setup\n- Watch and build scripts for development and production\n- Supports CodeIgniter 3 views (including HMVC modules)\n- Dark/light mode ready (optional)\n- Compatible with multi-version Node.js using `.nvmrc`\n- Clean and minimal project structure\n- Ready to be used as a GitHub template\n\n## 🚀 Quick Start\n\n### Prerequisites\n\n- [Node.js](https://nodejs.org/) (recommended: use `nvm` to manage versions)\n- [CodeIgniter 3](https://codeigniter.com/) (3.1.x or later)\n\n### Installation\n\n1. Click **\"Use this template\"** to create a new repository from this starter kit.\n\n2. Clone your new repository:\n\n   ```bash\n   git clone \u003cyour-repo-url\u003e\n   cd \u003cyour-repo-name\u003e\n   ```\n\n3. Install dependencies:\n\n   ```bash\n   npm install\n   ```\n\n4. Use the correct Node.js version (optional, if using `nvm`):\n\n   ```bash\n   nvm use\n   ```\n\n5. Build Tailwind CSS for the first time:\n\n   ```bash\n   npm run build\n   ```\n\n   This will generate `assets/css/tailwind.css`.\n\n6. Link the CSS file in your CI3 view:\n\n   ```html\n   \u003clink\n   \trel=\"stylesheet\"\n   \thref=\"\u003c?php echo base_url('assets/css/tailwind.css'); ?\u003e\"\n   /\u003e\n   ```\n\n### Development\n\nTo watch for changes in `src/input.css` and rebuild CSS automatically, run:\n\n```bash\nnpm run dev\n```\n\n````\n\n### Production\n\nTo build a minified version of the CSS, run:\n\n```bash\nnpm run build\n```\n\n## 📁 Project Structure\n\n```\nproject/\n├── application/\n├── assets/\n│   └── css/\n│       └── tailwind.css (generated)\n├── src/\n│   └── input.css (Tailwind directives)\n├── package.json\n├── tailwind.config.js\n├── postcss.config.js\n├── .nvmrc\n├── .gitignore\n└── README.md\n```\n\n## 🎨 Customization\n\n- Modify `src/input.css` to add custom base styles or `@layer` directives.\n- Edit `tailwind.config.js` to customize theme, add plugins, or modify content paths.\n\n## 📌 Notes\n\n- The `content` paths in `tailwind.config.js` are configured to scan both `application/views` and `application/modules/**/views` for Tailwind classes.\n- You can use Tailwind classes directly in your CI3 PHP views.\n- The `node_modules` directory is ignored by Git. It will be generated by `npm install`.\n\n## 📜 License\n\nMIT\n\n````\n\n---\n\n### ✅ Langkah Terakhir: Simpan File Ini\n\n- Simpan file di atas sebagai `README.md` di root folder proyek kamu.\n- Commit dan push ke GitHub:\n\n```bash\ngit add README.md\ngit commit -m \"Add complete README.md\"\ngit push origin main\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fahmadsubadri%2Fcodeigniter-3-tailwind-css-starter-kit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fahmadsubadri%2Fcodeigniter-3-tailwind-css-starter-kit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fahmadsubadri%2Fcodeigniter-3-tailwind-css-starter-kit/lists"}