Barbero is a barber shop website template: an HTML5 template for a barbershop first – cuts, skin fades, hot towel shaves and beards – with a tattoo flash table beside the chairs and a motorcycle club out back. Black-and-white photography, ink and gold, condensed Big Shoulders capitals over Libre Baskerville set the shop. Underneath, it runs real shop logic: open now from the clock, the walk-in queue and its wait. It also has the chairs free right now and the next free slot. In addition, it has a barber menu whose picks add up the time and price, booking chair by chair from each barber’s diary, flash walk-ins priced by size, detail, placement and colour.

Besides that, it has a membership calculator, the club’s bike nights and rides on their own repeat rules. Finally, it has a grooming shop with scents, a bag, coupon, shipping and tax. It ships with a light and a dark theme. It also has right-to-left support and a WebGL damask drifting behind the page titles and night bands, with a straight razor in the footer that opens and closes.

Three Home Pages

• Home 01 – The Barbershop: a full-screen slider, the shop right now on one bar (open, chairs free, the queue, the next free slot), haircut and shaving. Then come the shop in figures, the barber menu by category and The Fade – a head drawn from behind graduates guard by guard from No. 0 to No. 4 as you scroll – reviews, the work and the four barbers with their chairs and next free slots.
• Home 02 – The Garage: a two-row header over the slider, the club on three panels, the founders, the history, bike night every Thursday with the next dates, Built At The Shop – the bike’s frame takes its wheels, fork, engine, tank, seat, exhaust and bars one part at a time – the garage in photographs and the next free chair after the ride.
• Home 03 – Ink & Steel: a framed page, the flash table and the chairs side by side, today’s flash with a size switch and its prices. Then comes The Straight Razor – the blade swings open on its pivot and each part’s note lights up – the shaves and beards beside it. Finally, the page ends with the walk-in flash band and a contact strip.

Barbershop, Flash & Club Pages

• Barber Menu: 20 services – cuts, fades, shaves, beard and combos – with their minutes and prices. Pick a few and the bar adds them up and carries them into the booking.
• Book A Chair: five steps – services, day, chair and time, details, payment – with each chair’s day drawn as a diary bar, slots as long as the services picked, the barber’s own days, 10% off paid online and a booking reference. Continue never blocks; only Confirm checks the details.
• Walk-In Queue: the chairs right now, the queue and the wait worked out from the hour, the busy chart through the day and a queue ticket to take.
• Flash Walk-Ins: 14 designs by style, priced by size from $80, then by detail, placement and colour. The table’s hours, small pieces on bike night, a deposit to claim a design and the taken ones marked.
• Memberships: three memberships and a calculator that prices your month at the chairs as you go against each of them and marks the cheapest.
• Bike Nights: the club’s nights and rides on a calendar with tabs, places left and a sign-up. One ride with its route time and the other nights.
• Our Barbers: the barbers, the tattoo artists and the club captain. A barber’s profile with his chair, his days and his next free slot.
• The Grooming Shop: the shop’s own range – pomade, clay, beard oil, shave soap, the straight razor – with scents, price filter, sort and search, product page, bag, coupon, free-shipping meter, pickup or express, tax, checkout with an order number and a wishlist.

Barber Shop Website Template: Inner Pages

Barbero includes About Us, Barber Menu, Service Details, Book A Chair and Walk-In Queue. It also has Memberships, Our Barbers, Barber Profile, Flash Walk-Ins, Flash Details and The Work. Then come Project Details, Project Details 02, Shop, Product Details, Cart, Checkout and Wishlist. There are also Bike Nights, Ride Details, Journal, Journal Details and FAQ with search. It also has Contact (working PHP form and map), My Account, Login and Register. Finally, there are Forgot Password, Coming Soon and 404 – thirty-three pages in total.

Barber Shop Website Template Features

• 33 HTML pages, 3 unique home page designs
• A white theme by default and a dark theme on one switch, remembered between visits, with no flash on load
• Right-to-left stylesheets for every page and a flag language picker that turns any page around (Bootstrap RTL included)
• A WebGL damask tinted by the theme colours, and a straight razor drawn as an articulated rig in the footer
• Real shop logic from one data block: open now, the walk-in queue and wait, chair-by-chair slots, menu picks, flash prices, memberships, ride dates and places, shop totals
• A Barber Pole preloader, Throttle Brake reveals that ride in and settle, word-rise titles, the pole stripe running on hover and three scroll moments that never pin the page
• Swiper sliders, Fancybox video popups and lightbox gallery
• prefers-reduced-motion support for accessibility
• CSS-variable design tokens for both themes
• Working PHP form handler with optional invisible reCAPTCHA v3
• Font Awesome Free loaded locally, plus illustrated line icons in two inks
• Fully responsive with a desktop-first breakpoint system and wide-screen layouts
• Valid HTML5, no console errors
• Well-commented code with a numbered CSS table of contents and JS index
• Documentation included

This barber shop website template ships with documentation, free lifetime updates and an instant download. Every page also works on phones, tablets and desktops. Barbero also comes as React, Vue, Angular and WordPress, or in the developer bundle at 20% off. Browse more Tattoo Studio HTML5 templates.

Credits

Bootstrap 5.3, jQuery 3.7.1, Swiper 11, GSAP 3 with ScrollTrigger, Fancybox 3.5 and Font Awesome Free. It also uses RTLCSS and Google Fonts (Big Shoulders Display, Libre Baskerville).