Component Registry

v0.1.0

A shadcn/ui component registry with Bayloch brand styling. Distinctive, warm, and thoughtfully rounded.

npx shadcn@latest add @bayloch/button

Brand Colors

Deep Blue

#1b2a37

Water Blue

#0394ce

Wake Blue

#53b7e7

Sunset Yellow

#efea4b

Typography

Heading 1

Heading 2

Heading 3

Heading 4

Extra large text

Large text

Base text

Small text

Form LabelRequired Label*Caption text

Inline code in text

Gradient Text

Buttons

Form Elements

Email*

We'll never share your email

With error

This field is required

Select

Message

Accept terms

Notifications

Feedback

Default

Secondary

Accent

Success

Warning

Error

Info

Informational message.

Success

Action completed.

Warning

Please review.

Error

Something went wrong.

Cards

Default

With border and shadow

Card content here.

Elevated

Larger shadow

More prominent style.

Glass

Glassmorphic effect

Translucent backdrop.

Data Display

2,847

Users

+12%

$45k

Revenue

+8%

React

TypeScript

Tailwind

Success

Navigation

Home About Contact

Account settings

Default Muted Subtle

Media

Full Logo (sizes)

Icon Only (sizes)

Lucide Icons (sizes & colors)

Installation

// components.json
{
  "registries": {
    "@bayloch": "https://ui.bayloch.tech/r/{name}.json"
  }
}

npx shadcn@latest add @bayloch/button @bayloch/card

Join Our Workshops

Learn to build modern applications with hands-on training from industry experts.