Introducing the Harbour component library

Every product team rebuilds the same interface primitives — buttons, inputs, cards, modals — before they get to the work that actually matters. Harbour is our answer: a complete, documented set of Blade components that share one cohesive visual language.

The library ships as anonymous Blade components, so there's no class to register and no build step to learn. You drop a tag into a template and it just works — light and dark mode, focus states, and sensible defaults included.

Because every component reads from the same token ramp, re-theming is genuinely a one-line change. Swap the brand scale and the entire UI follows: buttons, badges, links, focus rings, and accents all move together.

We've been using Harbour internally for months, and the difference is the time we no longer spend on the first hour of every feature. The blank screen is gone — you start from polished primitives and compose from there. Give it a try, and let us know what you build.