The starter kit for modern SaaS

Ship polished products in days, not months. An extensive Blade component library with dark mode, Phosphor icons and a refined Harbour palette — all built on Laravel.

app.harbour.dev/dashboard

Welcome back

Overview

TO

Revenue

$48.2k

12%

Active users

12,840

8.2%

Churn

1.4%

0.3%

Monthly recurring revenue

Last 12 mo

Trusted by fast-moving teams everywhere

Nebula
Cubic
Orbit
Voltage
Atlas
Sentry
Hexa
Loop
01 The toolkit

Everything you need, nothing you don't

A composable set of building blocks designed to work together — so you can focus on your product, not your CSS.

Dark mode, done right

Every component ships with a hand-tuned dark variant driven by a single class. No flash, no guesswork.

Light
Dark

Themeable palette

Re-theme the whole UI from one file with the custom Harbour color ramps.

1,500+ icons

Phosphor icons in six weights.

Accessible by default

Keyboard navigation, focus rings and ARIA baked into every interactive piece.

02 Developer experience

Composable by design, readable by default

No build step to learn and no class-name soup. Compose your UI from expressive Blade tags, then drop straight into Laravel routing.

  • One command to start

    Pull in the kit and the dev server is running in seconds — Vite and Tailwind are wired up for you.

  • Semantic component tags

    Readable <x-ui.* /> markup replaces sprawling utility classes, so reviews stay focused on intent.

  • Wired for Laravel

    Slots, attributes and named routes work exactly how you expect — nothing to relearn.

$ composer create-project harbour/app
$ npm install && npm run dev
# ➜ Local: http://localhost:5173
 
VITE ready in 312 ms
44 components compiled
<x-ui.hero
title="Ship faster"
description="Polished UI in minutes.">
<x-slot:actions>
<x-ui.button variant="primary">
Get started
</x-ui.button>
</x-slot:actions>
</x-ui.hero>
03 Build faster

Production UI, out of the box

Forms

Forms that just work

Inputs, selects, toggles and validation states — all wired to a single field wrapper that handles labels, hints and errors for you.

  • Built-in error and hint states
  • Leading & trailing icons
  • Accessible labels and focus rings
New customer

We'll send a confirmation here.

Data display

Tables, stats and everything between

Compose responsive tables, KPI tiles and status badges in minutes. Drop in your data and ship a dashboard that looks designed, not generated.

  • Striped, hoverable rows
  • Trend-aware metric tiles
  • Avatars with status indicators
Customers
Member Plan Status
AL Ada Lovelace
Pro Online
GH Grace Hopper
Team Away
AT Alan Turing
Pro Offline
Components
44
Icon weights
6
Dark mode
100%
Runtime deps
0
04 How it works

From empty repo to shipped in three steps

No boilerplate to wire up. Install, compose your screens from the component library, and deploy.

  1. 1

    Install the kit

    Scaffold a new project and let Vite and Tailwind configure themselves. Zero config to babysit.

  2. 2

    Compose your screens

    Assemble pages from 44 documented Blade components. Slots and attributes keep markup expressive.

  3. 3

    Ship anywhere

    Deploy to Laravel Cloud or any host. Dark mode, accessibility and responsiveness come standard.

06 The platform

Everything you need to go live

From first commit to managed infrastructure — the pieces fit together so you ship instead of configure.

Get started in under 60 seconds

No code changes, extra packages or CLI tools needed — connect your git provider, pick a repo, and you're ready to go.

New application

Import a source control provider to deploy in seconds.

Source control provider
laravel
Repository
Select a repository
beep
vapor
sail
Manage repositories

Multiple environments

Create staging, production and development environments for your app. Each one carries its own configuration.
cumulus-main · laravel.cloud Deployed 4 days ago
Beep · main

laravel/beep

cumulus-main-ydqrv8.laravel.cloud

main Deployed 2 days ago
Swipple · develop

Managed queues

Run fully managed worker queues that automatically scale based on demand — and cost nothing when idle.
Managed queue default EU Central

Job volume Executed 12.8K

Duration Avg 2.5s

17 failed jobs

Invite your team, control their access

Great for indie devs, great for businesses. Assign a team role or build a custom one so everyone gets exactly the access they need.
  • TO

    Taylor Otwell (you)

    Admin
  • JD

    Joe Dixon

    Admin
  • CS

    Calvin Schemanski

    Admin
  • DH

    David Hill

    Developer
  • CB

    Cynthia Bell McGillis

    Developer
Invite email successfully sent to j.beggs@laravel.com
07 End to end

Covered across the whole lifecycle

Develop, preview, deploy and observe — without leaving the ecosystem you already know.

From local to live in seconds

No more guessing how many servers you need: autoscale under load, hibernate when idle, and only pay for what you use.
  • Full control via dashboard or CLI
  • Instantly add databases, workers, cache and storage
Scaling down

Review pull requests in preview environments

Review every change in a zero-risk, production-like preview environment before it ever hits your main branch.
  • Integrates seamlessly with GitHub Actions
  • Test migrations and heavy changes safely
laravel-ai.laravel.cloud skills-pr.laravel.cloud

Monitor and fix issues before your users do

Full observability to surface errors and top performance issues across your app — with fixes you can apply in a click.
  • Recommended fixes for errors and slow paths
  • Trace requests, jobs, logs, commands and cache
Requests 98 routes

124.2K

Requests

122.5K

2xx

324

5xx

1.2s

Slowest

The best partner to any front-end

Craft experiences with React, Vue or Svelte alongside Inertia — or accelerate front-end work with Livewire and Blade.
users.svelte
users.tsx
users.vue
users.blade.php
08 Architecture

Speed, simplicity and scalability without the headaches

Built specifically for Laravel applications, the platform eliminates configuration hassle and deployment complexity — so you focus on building, not configuring.

Network

Edge network

  • DDoS protectionActive
  • CDNEnabled
  • Edge cachingEnabled

Domains

Custom domainsVerified

beep.today

US East (Ohio)

App cluster

ComputeFlex 512 MiB

Managed queue

Memory256 MiB

Worker cluster

ComputeFlex 512 MiB

Data services

Beep · Postgres

ComputeFlex 1 GiB

Cache beep_main

Storage250 MB

Global storage

DefaultPrivate

09 Pricing

Start free, scale when you're ready

No hidden fees. No credit card to start. Cancel anytime.

Starter

For side projects and experiments.

$0 /mo
  • Up to 3 projects
  • Community support
  • 1 team member
  • Basic analytics
Most popular

Pro

For growing teams shipping fast.

$29 /mo
  • Unlimited projects
  • Priority support
  • Up to 10 members
  • Advanced analytics
  • Custom domains

Enterprise

For organizations at scale.

Custom
  • Everything in Pro
  • SSO &amp; SAML
  • Dedicated support
  • SLA &amp; audit logs
  • Onboarding
10 Loved by builders

Trusted by teams all over the world

From solo makers to scale-ups — builders ship faster on the foundation.

tailwindcss
I've been using this stack for nearly a decade and have never been tempted to switch to anything else.
AW
Adam Wathan
Founder, Tailwind
It's our sourdough starter and multitool for web projects large and small. Ten years in, it remains fresh and useful.
IC
Ian Callahan
Harvard Art Museums
It takes the pain out of building modern, scalable web apps.
AF
Aaron Francis
Co-founder, Try Hard Studios
The elegance, performance and developer experience are unmatched.
CP
Chandresh Patel
CEO, Bacancy
A breath of fresh air in the PHP ecosystem, with a brilliant community around it.
EH
Erika Heidi
Creator, Minicli
fathom analytics
The ecosystem has been integral to the success of our business. It lets us move fast and ship regularly.
JE
Jack Ellis
Founder, Fathom Analytics
The framework, the ecosystem and the community — it's the perfect package.
ZK
Zuzana Kunckova
Founder, Larabelles
11 FAQ

Frequently asked questions

Yes. You can cancel at any time from your billing settings, and you'll keep access until the end of your billing period.
The Pro plan includes a 14-day free trial. No credit card required to get started.
Every component in the library ships with a carefully tuned dark variant that responds to the theme toggle.
We use Phosphor Icons throughout, available in thin, light, regular, bold, fill and duotone weights.

Ready to build something great?

Join thousands of teams shipping polished products with our starter kit.