UI Starter Kits

Industry UI starter kits

One command installs an industry template, localized UI inputs (business number / mobile / address / e-invoice carrier) and a written implementation checklist — a starting point for the front end. Payments, bookings, form delivery, accounts, email and database services are not part of the kit; you still have to wire them to your own providers and test them before launch. The checklist ships in Traditional Chinese.

All 6 Starter Kits require Pro. During the launch campaign they're free once you sign up or sign in — no credit card.

Restaurant kit

Food & drink

Brand site + online reservations + local fields, live in one command

A full French-bistro-style site with menu, chef's story, atmosphere gallery and a reservation form; ships with Taiwan mobile and address fields, unified business number (for invoicing) and a complete SEO setup.

  • Seasonal menu with category switching
  • Reservation form with time-slot selection
  • Taiwan mobile / address / business-number validation
  • Lunar calendar and seal components for holidays
  • SEO: sitemap / robots / OG metadata
restaurant-bistro+ 6 components
npx shadcn@latest add "https://webberui.com/api/kit/restaurant?t=<install token>"

Clinic booking kit

Healthcare

Practice site + online booking + privacy-conscious fields

A full dental-clinic-style site with services, practitioner profiles, the visit walkthrough and online booking; ships with a lunar calendar, Taiwan mobile validation and an FAQ accordion.

  • Visit walkthrough and practitioner team sections
  • Booking on both lunar and Gregorian calendars
  • Wheel-style time-slot picker
  • National ID field with masking and checksum
  • Instant search across the FAQ
dental-clinic+ 6 components
npx shadcn@latest add "https://webberui.com/api/kit/clinic?t=<install token>"

Ecommerce kit

Retail & ecommerce

Product pages + variant picker + e-invoice carrier — selling, covered

A fashion storefront home page and product detail page with variant swatches, recently viewed and the cart flow; ships with e-invoice carrier, business number and Taiwan address fields.

  • Two pages: storefront home and product detail
  • Swatch and size variant picker
  • E-invoice mobile barcode carrier
  • Recently-viewed rail with quick view
  • SEO: product page metadata template
npx shadcn@latest add "https://webberui.com/api/kit/ecommerce?t=<install token>"

SaaS launch kit

Software

Landing page + pricing calculator + auth screens, ready on launch day

A SaaS marketing site with a bento feature grid, social proof, pricing and FAQ; ships with an interactive pricing calculator, auth pages and a changelog timeline.

  • Bento feature grid with use-case showcase
  • Usage slider that prices the plan live
  • Sign-in and sign-up page set
  • Changelog timeline
  • Newsletter signup section
saas-landing+ 6 components
npx shadcn@latest add "https://webberui.com/api/kit/saas?t=<install token>"

Personal brand kit

Freelance & personal

Portfolio + writing + subscribers — the freelancer's storefront

A full developer/designer portfolio site with selected projects, about and contact; ships with a scattered polaroid wall, vertical CJK side navigation and newsletter signup.

  • Two pages: portfolio and writing site
  • Scattered polaroid photo wall
  • Vertical Chinese side navigation
  • Zhuyin ruby annotation (for teaching content)
  • Newsletter signup and contact flow
npx shadcn@latest add "https://webberui.com/api/kit/creator?t=<install token>"

Event ticketing kit

Events

Event page + agenda + registration, doable the day before doors open

A webinar or in-person event landing page with speakers, an agenda timeline and a registration form; ships with ticket-stub cards, a countdown and a red-envelope giveaway interaction.

  • Two pages: event landing and full agenda
  • Tear-off ticket stub card
  • On-sale countdown
  • Multi-track agenda timetable
  • Registration form and FAQ
npx shadcn@latest add "https://webberui.com/api/kit/event?t=<install token>"

What the kit looks like in your project

your-app/
├─ app/
│  ├─ (kit)/<template>/page.tsx   ← full-page template
├─ components/ui/*.tsx            ← components from the kit
└─ WEBBERUI-KIT-<ID>.md           ← integration + acceptance checklist (Traditional Chinese)