Component gallery

Extensive showcase

Components styled for classic barbershops and grooming studios.

Buttons

Badges & alerts

Primary Secondary Soft primary Soft secondary

Cards & quotes

Precision fade haircut
Popular

Signature fade

Consultation, cut, hot towel, and styling.

$45

Feature card

Icon-led highlight with hover lift — use on landing pages.

A barber is by nature and inclination a sport. He can tell you at what exact hour the ball game is to begin.

Stephen Leacock

Service cards

Classic cut

$38

Scissor-over-comb with straight-edge finish.

Beard sculpt

$28

Shape, trim, and conditioning oil.

Forms

Navigation

Accordion & list group

Full CSS, minified CSS, SCSS source, JavaScript, HTML examples, docs, and commercial license.

Yes — the commercial license covers unlimited client projects.

Change $theme-brand in scss/_variables.scss and rebuild.
  • Active item
  • Second item
  • Third item

Modal, dropdown & offcanvas

Button & input groups

Carousel

Table

ServiceDurationPrice
Classic cut45 min$38
Signature fade60 min$45
Hot towel shave30 min$35

Spinners & toasts

Loading
Loading

Palette & utilities

.bg-brand .bg-accent .bg-deep .bg-surface-2

.text-gradient

.section-tint — alternating band background for landing pages.

Side panel

Offcanvas panels work for mobile menus, filters, and quick settings.