Hibokids React is a kindergarten React template, made for kindergartens and nurseries. It rebuilds the Hibokids design as a React 18 app with Vite. Every page is a function component, and React Router moves between all 38 pages without a reload.

It looks exactly like the Hibokids demo. Underneath, the nursery logic runs in React state. That covers a fee engine that prices every care plan and a three-step enrolment wizard with a live fee summary, and the page updates the moment a visitor changes an option.

Three Home Pages As Components

• Safe Garden – hero slider with a weekly fee calculator, the garden intro, categories.
• Second Home – full-bleed slider with a book-a-visit form, services, featured packages, counters, feedback.
• Perfect Place – learning through play, a nursery finder with live opening status, hand-picked plans, services.

Nursery Pages In React

• Fee Engine – daily rates per age room, full or half days, multi-day and sibling discounts.
• Enrolment – a three-step wizard with a live fee summary.
• Care Plans – grid, list and stacked layouts with age filter and sort.
• Nurseries & Menu – five nurseries with opening hours and an open-now status.
• Baby Shop – four shop layouts, product page, cart with coupons and delivery options, checkout and wishlist.

Kindergarten React Template Features

• React 18 function components and hooks across 38 pages
• Vite for a fast dev server and an optimised production build
• React Router routes for every page, including the three home pages
• Cart and theme state shared through React Context
• Responsive from phones to wide screens
• Documentation for setup, structure and changes

Getting Started

First, install Node 18 or newer. Then run npm install and npm run dev to open the site locally. When it is ready, npm run build writes static files that any host can serve.

Looking for this kindergarten React template in another stack? Hibokids also comes as HTML5, Vue, Angular and WordPress. You can get every format in the developer bundle at 20% off, or browse more Kids & School React templates.

Built with React and Vite, with Grandstander and Karla from Google Fonts.