Production-ready React blocks built with Tailwind CSS and shadcn/ui. Copy, paste, and customize for your next project.
booking21
Gym or studio weekly schedule with day tabs, class list per day (instructor avatar, duration, spots remaining, difficulty), and quick reserve action. Tap a day to see its classes, tap a class to book a spot.
booking22
Multi-service booking composer. Customers assemble their own wellness day by adding services across categories (massage/facial/body/nails/add-ons), with live package summary, duration totals, animated bundle-discount progress bar, quick-start presets, and remove-from-package controls.
booking23
Booking cancellation screen with the original booking summary, cancellation reason picker (radio list with optional notes), live refund breakdown based on cancellation policy, confirmation checkbox, and destructive cancel action.
careers1
Job listings section with role cards showing department, location, and employment type. Clean list layout with hover effects and apply buttons.
careers2
Job openings grid with department badges, location tags, and apply buttons. Card-based layout for career pages.
careers3
Department-grouped job listings with minimal row layout. Jobs organized by team with location and type indicators.
careers4
Combined perks and job listings section with benefits grid and open positions list. Ideal for complete career pages.
careers5
Highlighted featured position card with a compact list of additional openings below. Great for showcasing priority roles.
careers6
Tabbed job board with department filters using shadcn Tabs component. Browse positions by team with location and type details.
careers7
Team culture stats bar followed by detailed job position cards. Combines social proof with open roles listing.
careers8
Single job posting detail with responsibilities, requirements, nice-to-haves, and apply CTA. Full position description layout.
careers9
Benefits and perks showcase with icon cards in a responsive grid. Highlights company offerings like health, remote work, and growth opportunities.
careers10
Step-by-step hiring process timeline with numbered stages. Shows candidates the interview journey from application to onboarding.
careers11
Company values grid with icon cards and employee testimonial quote. Showcases team culture and work philosophy.
careers12
Career progression path with level indicators, role descriptions, and key skills. Shows growth framework from junior to principal level.
careers13
Global office locations grid with city photos, team size, and role taglines. Showcases company presence worldwide.
careers14
Team member photo grid with names and roles. Square portrait layout for showcasing leadership and team composition.
careers15
A typical workday timeline with time stamps, activity icons, and descriptions. Shows candidates what daily life looks like at the company.
careers16
Employee testimonial cards with quotes, avatars, and roles. Social proof grid showcasing team member experiences and company culture.
careers17
Job application form with input fields, file upload area, and position summary sidebar. Complete apply page layout for career sites.
careers18
Department cards with team lead, headcount, open roles badge, and links. Helps candidates explore teams before applying.
careers19
Internship program section with highlights, mentorship details, program summary card, and apply CTA. For recruiting early-career talent.
careers20
Diversity and inclusion section with representation stats and initiative cards. Showcases company commitment to equity and belonging.
careers21
Transparent compensation philosophy with salary, equity, bonus, and perks cards. Shows total rewards approach with highlighted details.