Heros — Toys

Playful kids-toys hero with an age filter and a category tile grid.

bun x bosia@latest add block heros/toys

Playful kids-toys hero with an age filter and a category tile grid. A self-contained, full-width <section> built from semantic tokens only, so it restyles across all 18 themes — the brand colour maps to --primary.

Preview

Brand

Play that lasts Tested non-toxic

Toys built to be played hard with.

Open-ended, screen-free and tough enough for the second kid. Sorted by age so the gift always fits.

Shop by age

Building

Plush

Outdoor

Learning

Free gift wrapping

Add a note at checkout

Install

bun x bosia@latest add block heros/toys

Pulls the @lucide/svelte npm package for icons.

Usage

<script lang="ts">
	import Toys from "$lib/blocks/heros/toys/block.svelte";
</script>

<Toys />

Drop it at the top of a route. Any interactive bits (size / color / age pickers, address or email inputs) are cosmetic local $state — wire them to your own data. Edit block.svelte to swap copy and the Unsplash images.

Source

src/lib/blocks/heros/toys/block.svelte