Vet clinic and grooming website
A vet clinic and grooming site “Paw” in warm cream with terracotta: a header with a live “open till 21:00”, a hero with a CSS pet face whose eyes follow the cursor and a cat / dog / rabbit switch that changes everything, a pinned “urgent” button with a checklist, perforated price tickets, a body map with hotspots, a symptom checker with an urgency thermometer, vets with a 3D tilt and a schedule from today, grooming with a fur-length slider, a pet diary in polaroids, booking with a map and a footer with paw prints. Nunito and Golos Text.
A clinic site where owners quickly find what applies to them: a pet type switch changes the page content, an urgent button says what to do right now, and then come services, vets, prices and booking. The clinic in the demo is fictional.
What it is made of
11 catalog blocks in page order. Each one is installed with its own command; nothing is recreated.
1. Header
Vet clinic navbar: transparent over the hero, live “open now” statusnavbar-035
A wagging paw, “open till / closing in” by the visitor's time, phone, burger.
2. First screen
Vet clinic hero with a background clip: a cat leaps into frame and freezeshero-047
Intro: an ECG line while loading, a cat leaps into frame and freezes, the clinic name rises behind it.
3. Urgent
Emergency “Urgent” button with a “what to do now” panelvet-001
A pinned pulsing pill → a “what to do now” panel with a checklist.
4. Prices
Price tickets with pet-type tabs and external switchingpricing-027
Perforated tickets by pet, spotlight, a “most often” sticker.
5. Body map
Pet map: an SVG body scheme with service hotspotsvet-002
An SVG silhouette with pulsing hotspots → service, price, time.
6. Symptoms
Symptom checker: chips → which doctor and how urgentvet-003
Symptom chips → which vet and urgency on a thermometer.
7. Vets
Doctors with 3D tilt and a “who's in today” schedulepeople-015
A 3D tilt, “on duty today” from the current day.
8. Grooming
Grooming: a haircut length slider with a CSS pet and a calculatorvet-004
A fur-length slider trims a CSS dog, size and extras compute the price.
9. Diary
Testimonials as a pet diary: polaroids with drag-scrolltestimonials-027
Polaroids with handwriting, tape and stickers, drag-scroll.
10. Booking
Booking and contacts: a floating-label form and a stylised mapcontact-023
Floating labels, a drawn tick, an SVG map with a bouncing pin.
11. Footer
Vet clinic footer with a paw trail and a licence linefooter-034
Walking paw prints, licence, columns.
Pro
The exact composition, page source and agent link are in PRO
The demo and the block list are open to everyone. Subscribers see every block's props as in the demo, the theme rules, the image prompts and one link an AI agent uses to build the same page.
Get PROFAQ
- What is the “Vet clinic and grooming website” page made of?
- 11 catalog sections in order: Vet clinic navbar, Vet clinic hero with a background clip, Emergency “Urgent” button with a “what to do now” panel, Price tickets with pet-type tabs and external switching, Pet map, Symptom checker, Doctors with 3D tilt and a “who's in today” schedule, Grooming, Testimonials as a pet diary, Booking and contacts, Vet clinic footer with a paw trail and a licence line. Each one is a separate VibeUI item.
- How do I build this page with an AI agent?
- Press “Copy the scenario for AI” and paste it into Cursor or Claude Code: the agent gets the page source, shared theme rules and image prompts, and installs every section from the registry with the shadcn CLI.
- Is the scenario free?
- The live demo and the list of sections are open to everyone. The page source and the instruction for the agent come with PRO.