PHPackages                             based/sugar - 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. [Authentication & Authorization](/categories/authentication)
4. /
5. based/sugar

ActiveLibrary[Authentication & Authorization](/categories/authentication)

based/sugar
===========

Minimal Laravel authentication scaffolding with Vue, Vite, Typescript and Tailwind.

v0.0.3(4y ago)724273MITVuePHP ^7.3|^8.0

Since Sep 15Pushed 3y ago2 watchersCompare

[ Source](https://github.com/lepikhinb/sugar)[ Packagist](https://packagist.org/packages/based/sugar)[ GitHub Sponsors](https://github.com/Based)[ RSS](/packages/based-sugar/feed)WikiDiscussions master Synced 1w ago

READMEChangelog (1)Dependencies (3)Versions (4)Used By (0)

Sugar
=====

[](#sugar)

Sugar provides a supercharged starting point for Laravel applications. The package is built on top of the official [Laravel Breeze](https://github.com/laravel/breeze), and includes:

- Vite (instead of Webpack + Mix)
- Vue 3 (modern SFC setup script syntax)
- TypeScript
- Tailwind CSS
- Inertia.js

Installation
------------

[](#installation)

You can install the package via composer:

```
composer require based/sugar --dev
```

Then, publish the assets provided by Sugar, and compile them:

```
php artisan sugar:install

npm install
npm run dev
```

> Be careful installing Sugar on existing projects, as it completely removes `app.js`

Inertia.js
----------

[](#inertiajs)

The package comes with Inertia.js and includes components from Laravel Breeze, optimized for a better experience with Vue 3 and TypeScript.

```

import { Button, Checkbox, Input, Label, ValidationErrors } from '@/Components/Breeze'
import { Head, Link, useForm } from '@inertiajs/inertia-vue3'
import useRoute from '@/Hooks/useRoute'

const route = useRoute()
const props = defineProps({
    canResetPassword: Boolean,
    status: String,
})

const form = useForm({
    email: '',
    password: '',
    remember: false
})

const submit = () => {
    form.post(route('login'), {
        onFinish: () => form.reset('password'),
    })
}

```

Vite
----

[](#vite)

[Vite](https://vitejs.dev/) is a build tool that aims to provide a faster and leaner development experience for modern web projects. Read [Why Vite?](https://vitejs.dev/guide/why.html) for more details.

The support is provided by [Laravel Vite](https://laravel-vite.innocenzi.dev/) package.

TypeScript
----------

[](#typescript)

TypeScript provides optional static typing, which lets you structure and validate your code at the compilation stage. It also brings the IDE autocompletion and validation support along with the code navigation feature.

Reimagined Breeze components utilize TypeScript. However, you're free to use the familiar syntax.

License
-------

[](#license)

The MIT License (MIT). Please see [License File](LICENSE.md) for more information.

###  Health Score

28

—

LowBetter than 54% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity26

Limited adoption so far

Community10

Small or concentrated contributor base

Maturity47

Maturing project, gaining track record

 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.

###  Release Activity

Cadence

Every ~114 days

Total

3

Last Release

1479d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/b6613c6f0556c2c757fc04b42ed223be13c03a4f5e01288657882e1a2e8add36?d=identicon)[lepikhinb](/maintainers/lepikhinb)

---

Top Contributors

[![lepikhinb](https://avatars.githubusercontent.com/u/17538801?v=4)](https://github.com/lepikhinb "lepikhinb (6 commits)")

---

Tags

laravelauthtypescripttailwindvitebreeze

### Embed Badge

![Health badge](/badges/based-sugar/health.svg)

```
[![Health](https://phpackages.com/badges/based-sugar/health.svg)](https://phpackages.com/packages/based-sugar)
```

###  Alternatives

[painlesscode/breeze-multiauth

Multi authentication system with laravel breeze

477.2k](/packages/painlesscode-breeze-multiauth)[tapansharma/breeze-svelte

Minimal Laravel authentication scaffolding with Svelte and Tailwind.

321.2k](/packages/tapansharma-breeze-svelte)

PHPackages © 2026

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