Pawcamp Components

Complete UI kit — HTML & CSS

Navigation Bars

Trainer Navigation

Client Navigation (with credits)

Client Navigation (no credits)

Mobile Bottom Navigation

Buttons

Button Variants

Button Sizes

Action Buttons (small)

Button States

Form Inputs

Disabled Field

Error State

Name is required.

Status Badges

All Status Types

Confirmed Pending Awaiting approval #3 on waitlist Cancelled Expired

In Context: Booking Cards

Puppy Basics

Confirmed
Mar 15 10:00 AM
Luna

Agility Course

Pending
Mar 18 2:00 PM
Max

Advanced Obedience

#2 on waitlist
Mar 20 11:00 AM
Bella

Toast Notifications

Click to test

Static Examples

Booking confirmed successfully!
Failed to save changes. Please try again.
You have only 1 credit remaining.
New course added to your calendar.

Modals & Dialogs

Booking Modal (inline preview)

Book this course

Puppy Basics

March 15, 2025 10:00 AM
Riverside Park

Luna

Border Collie

Max

Golden Retriever

Confirm Modal (inline preview)

Cancel this booking?

Luna will be removed from the Puppy Basics course on March 15th. This action cannot be undone.

Tabs, Toggles & Segmented Controls

Segmented Control

Toggle Switches

Requires approval

You'll need to approve each booking manually

Enable waitlist

Allow clients to join waitlist when course is full

Tab Bar

Your upcoming bookings appear here.

Empty States

No bookings yet

When you book a course, it will appear here.

No dogs added

Add your dog to start booking courses.

No courses

You haven't created any courses yet.

File Upload

Empty State

Add photo

Click or drag to upload

With Preview

Preview

luna-profile.jpg

Course Image (Large)

Course preview

Loading States

Spinners

Small

Medium

Large

Skeleton Loading

Capacity & Waitlist

Capacity Indicators

2/6 spots
4/6 spots
5/6 spots
Full

Waitlist Position Badges

#1 on waitlist #2 on waitlist #3 on waitlist #5 on waitlist

Course Cards with Capacity

Puppy Basics

Riverside Park 10:00 AM
4/6 spots

Advanced Obedience

City Dog Park 2:00 PM
Full
3 waiting

Nosework

Approval required
Oakwood Forest 4:00 PM
1/8 spots

Approval Cards (Trainer)

Pending Approval

Puppy Basics

Awaiting
March 15, 2025 10:00 – 11:00 AM

Client

Emma Wilson

emma@example.com

Dog

Bella

Labrador · 1 year

"Bella is reactive around other dogs. She's been doing well in 1-on-1 sessions but this would be her first group class."

Advanced Obedience

Awaiting
March 18, 2025 2:00 – 3:30 PM

Client

James Chen

james@example.com

Dog

Rocky

German Shepherd · 3 years

Waitlisted (Trainer View)

Puppy Basics

#1 on waitlist

Client

Sarah Park

Dog

Milo

Corgi · 6 months

Joined

Mar 10

Stat Cards

3
Today's sessions
24
Dogs enrolled
12
Active courses
5
Pending bookings

Profile & Settings Form

Client Profile

Your Profile

EW

Emma Wilson

Client account

Trainer Profile

Your Profile

SJ

Sarah Johnson

Trainer account

Credit History

Your Credits

  • Available

    Expires Apr 15, 2025

    €15.00

    Purchased Mar 1

  • Available

    Expires Apr 15, 2025

    €15.00

    Purchased Mar 1

  • Used

    Puppy Basics — Mar 8

    €15.00

    Purchased Feb 20

  • Used

    Nosework — Mar 5

    €12.00

    Purchased Feb 15

  • Expired

    Expired Feb 28, 2025

    €15.00

    Purchased Jan 1

Course Detail (Expanded View)

Dogs running

Puppy Basics

with Sarah Johnson

Date

March 15, 2025

Time

10:00 – 11:00 AM

Location

Riverside Park

Capacity

4 / 6 dogs

1 credit Approval required Waitlist enabled

A gentle introduction to basic obedience commands for puppies aged 3–6 months. We'll cover sit, stay, come, and leash walking in a relaxed outdoor setting. Bring treats and a good attitude!

4/6 spots

Course Create / Edit Form

Create a New Course

Course Details

Add a cover photo

JPG, PNG or WebP · max 5MB

Schedule

Location

Results from OpenStreetMap. Pick one to set the exact coordinates.

Capacity & Settings

Requires approval

You'll manually approve each booking

Enable waitlist

Allow clients to queue when full

Calendar — Week View

March 10 – 16, 2025

Mon 10
09:00 Puppy Basics
Tue 11
Wed 12
10:00 Advanced Obedience
15:00 Nosework
Thu 13
11:30 Agility
Fri 14
09:00 Recall Training
Sat 15
09:00 Puppy Basics
14:00 Obedience
Sun 16

Calendar — Month View

March 2025

Mon
Tue
Wed
Thu
Fri
Sat
Sun

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

Dog Profile Cards

Luna

Border Collie · 2 years

"Very energetic, loves fetch. Working on recall."

Max

Golden Retriever · 4 years

"Calm and friendly. Gets anxious around loud noises."

Bella

Bella

Labrador · 1 year