ToddleFun – Responsive HTML5 Toys Website Template
ToddleFun is a clean and elegantly designed responsive toys website template for all game and toys related businesses. It is designed using HTML5 CSS3 and Bootstrap framework. It is an open cart website template which definitely match your business. Make it yours by using it. Play the demo now!
⬇ Free downloadTry the live demo
Free for personal & commercial use · keeps a small “Designed by ThemeVault” footer link · no card needed
- HTML
- CSS
- JS
- Bootstrap 5
- Released Mar 2018
- v2.0 · Sep 2026
- 16 pages+ 2 HTML emails
- v2.0updated Sep 2026
- 5,348views
ToddleFun is a game category website template and best suitable for a businesses like kindergarten, toy hub, online toy shop, senior-junior school, toy advertising, playschools etc. We provide you this template with a choice of quality assured toy store template which comes with trendy designs with excellent features and up to date functionality. Our web development experts have addressed all your needs. It is an open cart website template which definitely match your business.
The templates comes with very colorful design and a good color combination. It includes different pages like on sale, shop with elegant dropdown, a blog page the kids activity area, about us page for the compelete information about your business with creative counter, beautifully crafted 404 error page. Login, register, wishlist and your cart total is also included in the template. Slider for all new collections makes this gaming website template look more beautiful. Play the demo of this kids website template for better and deep understanding. Make it yours by downloading it and using it!
Version 2.0 rebuilds the template on Bootstrap 5 without jQuery, adds the wishlist page the menu always linked to, and ships two ready-to-send HTML emails in the same design – an order confirmation and a welcome mail (email-order.html and email-welcome.html, table-based and inline-styled for Gmail, Outlook and Apple Mail).
- wishlist.html — the page the header's heart icon and the footer's "My Wishlist" link pointed at in version 1 (it was never in the package). Same table as the ca
- email-order.html — an order-confirmation email: order number, date and delivery estimate, the items with thumbnails and totals, delivery address and payment
- email-welcome.html — a welcome email for a new account: a welcome code, three "why parents love us" points, three best sellers. Both emails are table-based
- The product strips (New Collections, Best Seller
- Links to blog-single.html and single-product.html — pages that did not exist — now go to single-blog.html and single-details.html.
- The footer's Instagram column was empty: it loaded from an Instagram API shut down in 2018
- 20 links with an empty href (they reloaded the page) and 370 "#" links now go somewhere: the New / Sale ribbons
- Checkout's six Continue buttons step through the checkout; the mini-cart's remove button and the cart table's remove button work; quantities are real number fie
Pages
Features
| Template Type | Free |
|---|---|
| Compatible Browsers | Opera, Firefox, Google Chrome |
| Banner Slider | Bxslider, Bootstrap Carousel |
| Link hover effetcs | Yes |
| Coding | HTML 5, CSS 3, 1170 Grid System, Bootstrap 5 |
| Forms | Review Form, Newsletter Subscription, Comment Form, Search Form, Registration Form, Login Form, Contact Form, Subscribe Form |
| Additional Features | Countdown Timer, Google Map, Accordian, Mega Menu, Gallery, Favicon, Responsive Design, Social Links, Back To Top Button |
| Image Sources | Freepik, Flaticon, Pixabay |
| Pages | About Page, Blog, Shopping Cart, Checkout, Wishlist |
What’s new
v2.0Sep 2026
- wishlist.html — the page the header's heart icon and the footer's "My Wishlist" link pointed at in version 1 (it was never in the package). Same table as the cart, with add-to-cart and remove actions per item.
- email-order.html — an order-confirmation email: order number, date and delivery estimate, the items with thumbnails and totals, delivery address and payment, a Track-your-order button.
- email-welcome.html — a welcome email for a new account: a welcome code, three "why parents love us" points, three best sellers. Both emails are table-based, inline-styled, 600px wide, with an Outlook conditional and a phone layout — the way mail clients need it. Before sending, replace the images/... paths with absolute URLs on your server and put your links in place of the "#" ones (the file says so at the top).
- The product strips (New Collections, Best Seller, Related Products) and the brand strip could not be clicked: the slider's loading overlay never went away. They work now, with proper previous / next arrows.
- Links to blog-single.html and single-product.html — pages that did not exist — now go to single-blog.html and single-details.html.
- The footer's Instagram column was empty: it loaded from an Instagram API shut down in 2018, with an access token shipped in the package. It is a grid of eight product photos now, and the token is gone.
- 20 links with an empty href (they reloaded the page) and 370 "#" links now go somewhere: the New / Sale ribbons, the heart / basket / quick-view icons on every card, brand logos, blog categories and dates, the hero's Read More, Buy Now, Add To Cart, Add To Wishlist, Return To Homepage.
- Checkout's six Continue buttons step through the checkout; the mini-cart's remove button and the cart table's remove button work; quantities are real number fields with working + / − steppers.
- The Pages menu (About, 404) opens on tap on a phone — it was hover-only.
- The mega menu no longer closes while the pointer crosses from the link to the panel.
- On a phone the logo sits in its own strip under the pink bar instead of over the banner photograph, and the cart / wishlist tables scroll sideways so every column is reachable.
- Cart, checkout, wishlist, product details, login and register pages: the forms and tables sit in white rounded cards with a soft shadow, taller rounded inputs with a purple focus ring, pink table headers with white text, checkout steps in the palette's purple. Everywhere else the design is version 1's.
- Struck-out old prices are black; the product photo's pink frame wraps the photo; the footer's map-pin and phone icons render (they were empty boxes under Font Awesome 6).
- 404 page centred and spaced on tablets; product page stacks photo-first below 992px with the four thumbnails in one row; cart summary cards stack below 992px.
Already downloaded this template? Your My Downloads page always serves the latest version — re-download free.
Download Details
- Published
- March 06, 2018
- Categories
- EntertainmenteCommerceFree Responsive Website Templates
- Tags
- Baby ToyBabycareDanceEntertainmentGameJoyKidKid storeOnline ShopOnline storeRemote carStore templateToy kitToy templateToysbusinesseCommerce storeecommercefreeresponsiveshopping
Source
- HTML
- CSS
- JS
- Bootstrap 5
The download includes the same photos as the live demo, and you may use them in your project.
Support
Facing issues with this template? Write to support@themevault.net and we'll help you out.
License
Free for personal & commercial use with an attribution link to ThemeVault. Read the license.
Reviews
No reviews yet — be the first to review this template.
Every page
See all 18 pages at a glance
Each page is built and ready, including the 404 page and the emails.
Homeindex.html
Loginlogin.html
Registerregister.html
Wishlistwishlist.html
Cartcart.html
Single detailssingle-details.html
Checkoutcheckout.html
Onsaleonsale.html
Productproduct.html
Blogblog.html
Aboutabout.html
Contactcontact.html
Single blogsingle-blog.html
Homehome.html
Product listproduct-list.html
404 page404-page.html
Email: orderemail-order.html
Email: welcomeemail-welcome.html
The home page on a phone, as it looks in the live demo.
In the download
What you get in the ZIP
Everything is plain files you can open in any editor. No build step and no installs.
- 88files
- 1.5 MBZIP size
- 18HTML pages
- 56images
The download includes the same photos as the live demo, and you may use them in your project.
toddlefun-html5-toys-website-template/ ├── index.html ├── 404-page.html ├── about.html ├── blog.html ├── cart.html ├── checkout.html ├── contact.html ├── email-order.html ├── email-welcome.html ├── home.html ├── login.html ├── onsale.html ├── product-list.html ├── product.html ├── register.html ├── single-blog.html ├── single-details.html └── wishlist.html
From download to live
No build tools, no installs
Download
Get the ZIP
Free, instant and no card needed. Unzip it anywhere.
Edit
Add your content
Change the text and photos in the HTML files with any code editor.
Publish
Upload and go
Upload the folder to any web host. It's plain HTML, so it runs anywhere.
Questions
About this template
Can I use ToddleFun for a client's website?
Yes. The free version is licensed for personal and commercial use, including client work, as long as the footer credit stays. Remove it for $9.00₹499 one-time, or with Pro.
Do I need to know how to code?
You'll need to edit the HTML text and swap the images, which any code editor can do.
Will I get updates?
Yes. Your My Downloads page always serves the latest version, so you can re-download an update free. The What's new tab lists what changed in each version.
Are the photos included?
Yes. The download includes the same photos as the live demo, and you may use them in your project.
Subscribe Us
Keep looking
All templatesView Similar Templates
From the blog
View Blog
- Design
- April 04, 2018
Our 2018 Templates, Rebuilt for 2026: What Changed
What changed when we rebuilt our 2018 templates: BeautiCastle's new look, Bite on Bite's new pages, DeeWrap's first real menu and more.
- Wordpress
- Web Development
- November 03, 2026
HTML Template to WordPress: Convert It Yourself or Use a WordPress Version?
We turned our Bistrofeast HTML template into a WordPress theme by hand. Every step, the mistakes, how long it took, and when a WordPress version saves you days.
- Wordpress
- Web Development
- November 02, 2026
How to Install an Elementor Template Kit (2026 Guide)
We installed the same kit both ways on a clean WordPress site. Where each kind of kit goes, the steps people miss, and what to do when it looks wrong.