Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

sarino's avatar
Level 11

Breeze with just vanilla HTML views and no CSS styling?

Thought I'd check before manually doing this... I love Breeze, but I often don't want to use the default blade components and tailwind it generates.

Is there an easy way to set up Breeze with just vanilla HTML views and no CSS styling?

0 likes
5 replies
LaryAI's avatar
Level 58

To set up Laravel Breeze with just vanilla HTML views and no CSS styling, you can follow these steps:

  1. Install Laravel Breeze: First, make sure you have Laravel Breeze installed in your Laravel project. You can do this by running:

    composer require laravel/breeze --dev
    
  2. Install Breeze: Next, install Breeze using the Artisan command. This will publish the necessary authentication views and routes:

    php artisan breeze:install
    
  3. Remove Tailwind CSS: Since you want to use vanilla HTML without any CSS styling, you can remove Tailwind CSS from your project. Open your package.json file and remove the Tailwind CSS dependency. It should look something like this:

    {
      "devDependencies": {
        "vite": "^4.0.0",
        "laravel-vite-plugin": "^0.7.0"
      }
    }
    

    Then, remove any Tailwind CSS configuration files like tailwind.config.js and postcss.config.js.

  4. Modify Views: Go to the resources/views directory where Breeze has published its views. You will find the authentication views like login.blade.php, register.blade.php, etc. You can now modify these views to use plain HTML without any Tailwind CSS classes. For example:

    <!-- resources/views/auth/login.blade.php -->
    <form method="POST" action="{{ route('login') }}">
        @csrf
    
        <div>
            <label for="email">Email</label>
            <input id="email" type="email" name="email" required autofocus>
        </div>
    
        <div>
            <label for="password">Password</label>
            <input id="password" type="password" name="password" required>
        </div>
    
        <div>
            <button type="submit">Login</button>
        </div>
    </form>
    
  5. Remove Unused CSS: If you have any CSS files that were included by default, you can remove them or simply not include them in your HTML files.

  6. Compile Assets: If you have any other assets to compile, you can run:

    npm install
    npm run build
    

    Since you removed Tailwind, this step might not be necessary unless you have other JavaScript or CSS assets to compile.

By following these steps, you will have a Laravel Breeze setup with plain HTML views and no CSS styling. You can further customize the views as needed.

jlrdw's avatar

Also You are free to write your own regular css. Using tailwind is optional.

puklipo's avatar

There is no easy way to do this.
All Breeze files are copied into your project so you are free to modify them yourself.

Snapey's avatar

you delete the blade files and create your own....

Please or to participate in this conversation.