Bubblo is a cheerful, cartoon-style HTML template for preschools, kindergartens, nurseries, day camps and childminders. Seven original characters, drawn as inline SVG, guide visitors through the site: Bubbo the bubble, Tilly the snail, Rexo the dinosaur, Momo the sleepy cloud, Zig the robot, Lulu the owl and Crumb the chef bun. They blink, follow the cursor with their eyes and wave when you hover.

Twelve home pages each have a completely different, playful hero, plus five one-page sites and thirty-two inner pages with everything a preschool needs: groups, programs, a daily rhythm, menus, an enrolment wizard, a fee calculator, visit booking, a term calendar, colouring pages and more. A right-to-left version of every page and a bonus UI Kit with SCSS sources are included.

Bubblo is a front-end website template. The enrolment wizard, visit booking and forms send their fields by e-mail through the included PHP file; the parent login is a front-end screen to connect to your own system. All pictures are vector illustrations included in the download, there are no stock photos to replace.

Who is it for

• Preschools and kindergartens
• Nurseries and baby rooms
• Forest and outdoor preschools
• Bilingual and language preschools
• Summer day camps and holiday clubs
• Nannies and home childminders

Included pages

• 12 home pages: character parade, bubble pop, storybook, building blocks, sunrise to bedtime, groups carousel, cartoon TV, chalkboard, growing garden, rocket launch, music box and jigsaw puzzle
• 5 one-page sites: forest preschool, baby nursery, language preschool, summer day camp and nanny & childminder
• About: about us, teachers, teacher profile, parent reviews, safety & care, careers, job opening
• Groups: all groups, group page with weekly plan, programs, program page, a day here, lunch menu
• Parents: enrolment wizard, fees with calculator, book a visit, term calendar, parent zone, colouring pages, FAQ with search, parent login
• News and more: events, event page with countdown, gallery with lightbox, blog, blog post, contact, elements, coming soon, privacy, terms and 404

Interactions and animations

• Heroes: a parade of characters, bubbles you can pop, a storybook with turning pages, letter blocks you can drag, a sky that goes from sunrise to night as you scroll, a TV with channels, a chalkboard you can draw on, a garden where you plant flowers, a rocket with a countdown, a playable xylophone and a jigsaw you drag back together
• Eyes that follow the cursor, blinking, waving and squishy characters
• Colourful curtain page transitions, a star-trail cursor and optional playful sounds
• Back-to-top Bubbo who flies up, confetti when a form is sent, counting numbers and a fluttering bunting
• Enrolment wizard with progress bar, fee calculator, visit day and time picker, tap-to-colour page, countdowns, tabs, sliders and FAQ search

Design and settings

• Day and bedtime (dark) modes
• 6 colour skins: classic, ocean, berry, meadow, sunset and pastel
• Appearance panel for visitors: skin, mode, star trail and sounds
• Baloo 2 and Nunito fonts, self-hosted
• All colours as CSS custom properties in one place
• Respects reduced motion: every animation calms down
• Right-to-left version of every page

Bonus UI Kit

• 33 components: buttons, jelly buttons, stickers, speech bubbles, cards, fee plans, pinned notes, form controls, star rating, alerts, toasts, tabs, dialog, steps, timeline, countdown, bunting and more
• Plain HTML and CSS with SCSS sources; every class starts with bb-, so it works next to other frameworks
• Bedtime mode, 6 skins and three corner styles
• An overview page with code to copy

Technical

• HTML5, CSS3 and plain JavaScript, no build step, no jQuery, no frameworks
• Clean, indented and commented code
• All illustrations are inline SVG: sharp, light and recolourable
• Keyboard friendly, skip link and visible focus; reduced motion support
• PHP form handler for every form, with a spam trap

Documentation

A documentation site with search: getting started, files, page structure, colours and skins, the characters, heroes and interactions, pages list, forms, RTL, UI Kit, accessibility, troubleshooting, credits and changelog.

Illustrations

All characters and illustrations were made for Bubblo and are included in the download. The preschool, people, prices and quotes in the demo are fictional.

Changelog

Version 1.0.0 (2026-11-02)

Added

• First release: 12 home pages, 5 one-page sites and 32 inner pages, plus a demo overview page.
• Twelve different interactive heroes: character parade, bubble pop, storybook, building blocks, sunrise to bedtime, groups carousel, cartoon TV, chalkboard, growing garden, rocket launch, music box and jigsaw puzzle.
• Seven original characters as inline SVG with blinking eyes that follow the cursor.
• Enrolment wizard, fee calculator, visit booking, term calendar, lunch menu, colouring pages, gallery with lightbox, events, blog and FAQ search.
• Day and bedtime modes, 6 colour skins, page transitions, star-trail cursor and optional sounds.
• Right-to-left version of every page.
• PHP form handler for all forms with a spam trap.
• Bonus UI Kit: 33 components with SCSS sources, bedtime mode and 6 skins.
• Documentation with search and copyable code.