Every template on this page is designed and maintained in-house by uiCookies, so these are our own school and early-years layouts rather than a roundup of other people's themes. The set covers the three places parents most often search for: Treehouse for an elementary school teaching Kindergarten to Grade 5, Acorn for a nature-led preschool or nursery for ages two to five, and Sprout for a daycare and preschool with programs from infants to after-school care.
Parents choosing a school or preschool are making a careful decision, and they read a website differently from most visitors. They want to see which room or grade fits their child's age, what an ordinary day looks like, who the teachers are, what it costs in plain numbers and how to book a visit. A good site answers those questions without making anyone hunt, keeps the tour or open-day button in easy reach, and stays readable on a phone, because many parents do this research in short gaps between drop-off, work and pick-up.
All three templates are static HTML, CSS and vanilla JavaScript on Bootstrap 5, with no jQuery and no build step: unzip the folder, open index.html, edit the copy and upload it to any static host. Each is free for personal and commercial use, including client work, and attribution is optional but always welcome, so the footer credit can be kept or removed; the full terms are at uicookies.com/license. The tour, open-day and enrollment forms validate in the browser but send nothing until you connect them to a form service or your own backend.
The templates
Treehouse
Treehouse is a three-page site for a primary or elementary school teaching Kindergarten to Grade 5. The home page covers why families choose the school, learning by grade in K–5 tabs, twelve after-school clubs from robotics to puppets, a month-view events calendar, latest news, a parent portal box and an admissions call to action. The academics page holds the curriculum by grade, specialist subjects, learning support, a Grade 3 weekly timetable and a sample standards-based report, while the admissions page covers the process, tuition and fees, open-day booking with date cards, key dates and an FAQ.
Clubs filter by weekday with live counts, and the calendar is generated from an events list at the top of js/main.js, so adding a term date means editing one list. The fees tables turn into cards on phones. Built on Bootstrap 5 with vanilla JavaScript and no jQuery.
Acorn
Acorn takes a calmer, nature-led approach for a preschool or nursery serving children aged two to five, shown as the fictional Acorn Grove Preschool. Its home page walks parents through the approach, three rooms by age with ratios and hours, a day-at-Acorn timeline, teachers, testimonials, a book-a-tour form, a fees table with a full-day and mornings switch, and an FAQ. The programs page details each room with daily schedule tabs, curriculum areas, a what-to-pack checklist and the move to kindergarten, and the enroll page holds a five-step application, a documents checklist and the waitlist.
The daily timeline highlights what the children are doing right now, and the application suggests a room from the child's date of birth, estimates the monthly fee and ends with a review step. Teachers appear as initials avatars, with no photos of people. Built on Bootstrap 5 with vanilla JavaScript and no jQuery.
Sprout
Sprout covers daycares, preschools and early-learning centers in two pages, with a warm coral-and-yellow palette and rounded, friendly type. The home page runs from an age-based programs grid (Infant, Toddler, Preschool, Pre-K and After-School) through a trust section on safety, teachers, licensing and ratios, an eight-stop daily schedule, meet-the-teachers, a classrooms gallery, tuition cards, testimonials, a book-a-tour form and an FAQ. The Programs & Enrollment page adds a side-by-side comparison of all five programs, a four-step enrollment walkthrough and an enrollment inquiry form.
The classrooms gallery opens in a keyboard-accessible lightbox, the testimonials slider and FAQ accordion work from the keyboard too, and every section stays visible with JavaScript turned off. Built on self-hosted Bootstrap 5 with vanilla JavaScript and no jQuery.
Compare at a glance
| Template | Best for | Pages | Standout feature |
|---|---|---|---|
| Treehouse | K–5 elementary and primary schools | 3 | Events calendar built from one data list |
| Acorn | Nature-led preschools and nurseries | 3 | Five-step application with a room suggestion |
| Sprout | Daycares and childcare centers | 2 | Five programs compared side by side |
How to choose
Start with the ages you serve. Treehouse is for a school teaching Kindergarten to Grade 5, with the academic detail parents of school-age children compare: curriculum by grade, specialist subjects, a weekly timetable, a sample report card and tuition tables. Acorn and Sprout both serve the early years but differ in tone and scope. Acorn is quieter and more grown-up, suits a nature-led, Montessori-inspired or forest-school setting for ages two to five, and puts a full five-step application on the page. Sprout is warmer and brighter, runs from an infant room to after-school care, and keeps sign-up to a tour request and a short enrollment inquiry. Whichever you pick, connect the tour, visit and application forms before launch, since all three are front-end only.
There is no stand-alone kindergarten template here, but each one covers that year in its own way. If kindergarten is the first school year, Treehouse's Kindergarten tab (ages 5–6) opens its K–5 curriculum and suits a kindergarten attached to a primary school. If you run a kindergarten in the early-years sense, Acorn is written for nurseries and kindergartens for ages two to five, with a Young Oaks room for four- to five-year-olds and a section on getting ready for school; Sprout's Pre-K room plays a similar role. Rename the rooms and ages, and the structure carries over.
Frequently asked questions
Do the tour and open-day forms book visits automatically?
No. Treehouse's open-day form uses date cards and a number stepper, Acorn's tour form offers the next Tuesday to Thursday dates with time slots, and Sprout has a book-a-tour form, but all three validate in the browser and send nothing. Connect them to a form service, a booking tool or your own backend so requests reach the office.
Is it safe to collect children's details through the enrollment form?
Only once you have connected it to somewhere secure. Acorn's application asks for details such as the child's date of birth, a second guardian and allergies, and like every form here it sends nothing until you wire it up. Use a form service or backend you trust with family data rather than a plain email relay.
How do I update the calendar, the daily timeline and the fees?
In Treehouse, edit the EVENTS list at the top of js/main.js; each event has a date, a title, an optional time and a type such as school day, families welcome, sports or no school, and breaks can span several days. In Acorn, each timeline block has data-start and data-end times that drive the right-now highlight. Acorn's monthly fees appear in the home page table and as data attributes on each room choice in the application, so update both together.
Do the templates show photos of children?
Treehouse uses CC0 demo photos with no people and shows staff as initials avatars, and Acorn also uses initials avatars and hand-drawn SVG icons with no photos of people. Sprout has a meet-the-teachers row and a classrooms gallery that you will fill with your own images. If you add photos of real children, get parents' consent first.
Can I use these for a real school or a client's daycare site?
Yes. All three are free for personal and commercial use, including a live school website or a site you build for a client. Attribution is optional but always welcome, and the full terms are at uicookies.com/license.
Related templates
Free School & Education Website Templates · Free School Management System Templates · All free HTML website templates
