PHPackages szyron/react-jsx-daisyui-starter-kit - 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. [Utility & Helpers](/categories/utility) 4. / 5. szyron/react-jsx-daisyui-starter-kit ActiveProject[Utility & Helpers](/categories/utility) szyron/react-jsx-daisyui-starter-kit ==================================== A React + JSX + DaisyUI starter kit for Laravel with Inertia.js integration. 25JavaScriptCI passing Since Oct 25Pushed 6mo agoCompare [ Source](https://github.com/Szyron/react-jsx-daisyui-starter-kit)[ Packagist](https://packagist.org/packages/szyron/react-jsx-daisyui-starter-kit)[ RSS](/packages/szyron-react-jsx-daisyui-starter-kit/feed)WikiDiscussions main Synced 1mo ago READMEChangelogDependenciesVersions (1)Used By (0) Laravel + React JSX + DaisyUI Starter Kit ========================================= [](#laravel--react-jsx--daisyui-starter-kit) 🚀 **Introduction** This is a DaisyUI-powered version of the Laravel React JSX Starter Kit. It provides a modern and elegant setup for building Laravel applications with a React frontend using Inertia, TailwindCSS 4, and DaisyUI. Unlike the TypeScript-based versions, this kit uses **pure JavaScript (.jsx)**, making it perfect for developers who prefer simplicity and speed over TypeScript complexity. It comes preconfigured with Laravel 12, React 19, Inertia 2, TailwindCSS 4, and DaisyUI — giving you everything you need to build beautiful, responsive, and modern web applications. --- 🎯 Features ---------- [](#-features) ✅ **React 19 + JSX** – No TypeScript, just JavaScript ✅ **Laravel 12** – The latest version of Laravel for a powerful backend ✅ **Inertia 2** – Seamless single-page app experience ✅ **TailwindCSS 4 + DaisyUI** – Fast and elegant UI styling ✅ **Vite** – Super-fast development with hot module replacement ✅ **Testing Support** – PHPUnit & Pest preinstalled ✅ **Zero Configuration Required** – Just install and start coding! --- 🛠 Installation -------------- [](#-installation) ### 1️⃣ Create a new Laravel app using the starter kit [](#1️⃣-create-a-new-laravel-app-using-the-starter-kit) ``` laravel new --using=Szyron/react-jsx-daisyui-starter-kit react-daisyui-app ``` ### 2️⃣ Install Dependencies [](#2️⃣-install-dependencies) ``` cd react-daisyui-app composer install npm install ``` ### 3️⃣ Setup Environment [](#3️⃣-setup-environment) Copy the `.env.example` environment file and generate your application key: ``` cp .env.example .env php artisan key:generate ``` ### 4️⃣ Run Database Migrations [](#4️⃣-run-database-migrations) ``` php artisan migrate --seed ``` ### 5️⃣ Install DaisyUI [](#5️⃣-install-daisyui) DaisyUI is a TailwindCSS plugin that adds a beautiful component library to your project. ``` npm install tailwindcss@latest @tailwindcss/vite@latest daisyui@latest ``` More info about [DaisyUI](https://daisyui.com/docs/install/vite/) ### 6️⃣ Import DaisyUI [](#6️⃣-import-daisyui) To enable DaisyUI components in your project, you need to import the plugin in your main CSS file. Open `resources/css/app.css` and add the following: ``` /* resources/css/app.css */ /* Tailwind base styles */ @tailwind base; @tailwind components; @tailwind utilities; /* DaisyUI plugin */ @plugin "daisyui"; ``` ### 7️⃣ Start the Development Environment [](#7️⃣-start-the-development-environment) ``` composer dev ``` Your app is now running! 🎉 --- ### 🎨 DaisyUI Integration [](#-daisyui-integration) This starter kit includes DaisyUI, a powerful TailwindCSS plugin that provides a wide range of prebuilt, customizable UI components. You can easily use DaisyUI components throughout your React JSX pages and components. Example: ``` export default function Example() { return ( Hello DaisyUI! ); } ``` --- ### 📚 Official Documentation [](#-official-documentation) You can find the official documentation for: Documentation for all Laravel starter kits can be found on the [Laravel website](https://laravel.com/docs/12.x/contributions). Get started with daisyUI and explore its full documentation at [DaisyUI website](https://daisyui.com/docs/intro/) --- ### 🤝 Contributing [](#-contributing) Thank you for considering contributing to this starter kit! Please refer to the Laravel contribution guide for best practices. --- ### 📜 Code of Conduct [](#-code-of-conduct) Please review and abide by the Laravel Code of Conduct to ensure our community remains welcoming to everyone. --- ### ⚖️ License [](#️-license) The Laravel + React JSX + DaisyUI Starter Kit is open-sourced software licensed under the MIT license. --- ### 👏 Credits [](#-credits) Original Laravel React JSX Starter Kit by [Yazid KHALDI](https://github.com/YazidKHALDI) DaisyUI Integration and Enhancement by [Szyron](https://github.com/Szyron) --- Happy coding! 🚀 ### Health Score 19 — LowBetter than 10% of packages Maintenance49 Moderate activity, may be stable Popularity7 Limited adoption so far Community6 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/6569191a8a0664e285b35b09560f4cff03663ad655db2d552db03aea48eb431a?d=identicon)[Szyron](/maintainers/Szyron) --- Top Contributors [![Szyron](https://avatars.githubusercontent.com/u/143870942?v=4)](https://github.com/Szyron "Szyron (6 commits)") ### Embed Badge ![Health badge](/badges/szyron-react-jsx-daisyui-starter-kit/health.svg) ``` [![Health](https://phpackages.com/badges/szyron-react-jsx-daisyui-starter-kit/health.svg)](https://phpackages.com/packages/szyron-react-jsx-daisyui-starter-kit) ``` ### Alternatives [mascame/arrayer Array manipulation with dot notation. Also prepares an array to be put in a file. Very useful for config files. 141.4k2](/packages/mascame-arrayer) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)