Skip to main content

Content & marketing

Section

Landing-page building blocks: navbars, heroes, sections, feature cards, steps, pricing, testimonials, CTAs, footers and the richer editorial surfaces built on top of them.

Preview Code

Marketing

Landing-page building blocks: navbars, heroes, sections, feature cards, steps, pricing, testimonials, CTAs, footers and the richer editorial surfaces built on top of them.

Preview Code

Marketing navbar

Marketing hero

New v2 is live

Ship polished Laravel screens

Compose marketing pages and app surfaces from the same kit, then refine from a shared visual system.

app.harbour.test/dashboard

Deploys

48

Active users

12.8k

MRR

$48.2k

01 Highlights

Marketing primitives

Crisp defaults

Reach a presentable first pass quickly, then tailor the page to the product.

Shared visual language

Reuse the same tokens across nav, pricing, testimonials and CTAs.

Deploy console hero media

An alternative to the dashboard mockup: a release pipeline mid-flight with a live log tail and canary rollout strip.

Deploy — harbour/app
main 7f3c2e1 “Tune cache headers for feed endpoints” Production Healthy

Pipeline

  • Build 832 modules via Vite 48s
  • Tests 312 passed · 0 failed 2m 04s
  • Canary 25% of traffic running
  • Promote waits on canary health queued

14:02:11 build Compiling assets with Vite…

14:02:59 build ✓ 832 modules transformed in 48s

14:03:02 test Running suite (Pest, parallel ×4)

14:05:06 test ✓ 312 passed, 0 failed

14:05:10 deploy Releasing 7f3c2e1 to canary (25%)

14:05:31 watch p95 182ms · error rate 0.00%

14:06:02 watch canary tracking stable — no regressions detected

Canary rollout 25% → 100%
p95 canary
182ms
p95 stable
176ms
Promotes in
12m
  1. 1

    Install the kit

    Scaffold a project; Vite and Tailwind configure themselves.

  2. 2

    Compose your screens

    Assemble pages from documented Blade components.

  3. 3

    Ship it

    Deploy to production on managed infrastructure.

Interactivity

Alpine.js

Sprinkle behavior with a few attributes. Every interactive component ships Alpine-ready.
Styling

Tailwind CSS v4

A CSS-first theme you re-skin from one file. The Harbour palette is fully tokenized.
Data

Eloquent & SQL

Drop your models straight into tables, stats and lists with no adapter layer.
Web logs

Every request, searchable in real time

HTTP access logs with colour-coded status codes, latency and method badges.

Access log

access.log

Live
/api/v1/users 200   48ms   1.2kb
GET
/checkout 201   142ms   order created
POST
/assets/app-H3k.css 304   8ms   cached
GET
/login 401   19ms   invalid credentials
POST
/health 500   891ms   upstream timeout
GET
/api/sessions/8f2a 204   33ms
DELETE
/api/settings 200   56ms   theme updated
PATCH
7 events in view Updated just now
$ composer create-project harbour/app
$ npm run dev
<x-ui.hero title="Ship faster">
Build and launch in days.
</x-ui.hero>
routes/web.php
+1 -1
1 1 use App\Http\Controllers\PageController;
2 2
3 3 Route::get('/', fn () => view('welcome'));
4 - Route::get('/old', [OldController::class, 'index']);
4 + Route::get('/new', [PageController::class, 'index'])->name('new');

Deploy in seconds

Connect a repo and ship — no CLI required. Push to production on infrastructure built for Laravel.
Product mockup

From local to live in seconds

Autoscale under load and hibernate when idle.
  • Full control via dashboard or CLI
  • Instantly add databases, workers and storage
Explore Cloud

Review PRs in preview environments

Every pull request gets its own disposable environment.
  • Integrates with GitHub Actions
  • Test migrations safely
Tailwind
I've used this stack for years and never been tempted to switch.
AW
Adam Wathan
Founder
We ship features twice as fast now.
AL
Ada Lovelace
CTO, Analytical
The component library is a joy to work with.
GH
Grace Hopper
Engineer
Most popular

Pro

For growing product teams.

$29 /mo
Get started
  • Unlimited projects
  • Priority support
  • Analytics
The primitives are simple enough to remix, but polished enough to ship without a redesign pass.
AL
Ada Lovelace
CTO, Analytical

Ready to launch?

Ship the first polished version faster, then iterate with the full component set.

Marketing footer