![](data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="760" height="430" viewBox="0 0 760 430">
<defs>
<linearGradient id="bg" x1="0" x2="1" y1="0" y2="1">
<stop stop-color="#183b70" offset="0"/>
<stop stop-color="#2f5f9c" offset="1"/>
</linearGradient>
<filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="12" stdDeviation="12" flood-color="#3f2d25" flood-opacity=".14"/>
</filter>
</defs>
<rect width="760" height="430" rx="34" fill="url(#bg)"/>
<circle cx="92" cy="76" r="38" fill="#fff" opacity=".42"/>
<circle cx="704" cy="96" r="54" fill="#fff" opacity=".34"/>
<circle cx="650" cy="342" r="76" fill="#fff" opacity=".24"/>
<path d="M0 332 C110 278 205 314 294 286 C405 251 494 309 596 282 C660 265 712 278 760 252 L760 430 L0 430 Z" fill="#fff" opacity=".36"/>
<path d="M0 356 C125 310 212 340 310 320 C424 296 520 348 646 318 C694 307 728 312 760 298 L760 430 L0 430 Z" fill="#fff" opacity=".44"/>
<g filter="url(#shadow)">
<rect x="54" y="56" width="652" height="318" rx="28" fill="#fff" opacity=".36"/>
</g>
<text x="382" y="132" text-anchor="middle" font-family="Nunito, Comic Sans MS, Arial, sans-serif" font-size="54" font-weight="900" fill="#233047">Tiny Bear’s</text>
<text x="382" y="190" text-anchor="middle" font-family="Nunito, Comic Sans MS, Arial, sans-serif" font-size="48" font-weight="900" fill="#233047">Bedtime</text>
<text x="382" y="292" text-anchor="middle" font-family="Apple Color Emoji, Segoe UI Emoji, sans-serif" font-size="92">🌙</text>
<g fill="#ffd56a" opacity=".86">
<circle cx="100" cy="302" r="8"/>
<circle cx="666" cy="240" r="7"/>
<path d="M146 102 l9 18 20 3 -14 14 3 20 -18 -9 -18 9 3 -20 -14 -14 20 -3z"/>
<path d="M612 74 l7 14 16 2 -12 11 3 16 -14 -7 -14 7 3 -16 -12 -11 16 -2z"/>
</g>
</svg>)
![](data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="760" height="430" viewBox="0 0 760 430">
<defs>
<linearGradient id="bg" x1="0" x2="1" y1="0" y2="1">
<stop stop-color="#bff2d1" offset="0"/>
<stop stop-color="#8fc56b" offset="1"/>
</linearGradient>
<filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="12" stdDeviation="12" flood-color="#3f2d25" flood-opacity=".14"/>
</filter>
</defs>
<rect width="760" height="430" rx="34" fill="url(#bg)"/>
<circle cx="92" cy="76" r="38" fill="#fff" opacity=".42"/>
<circle cx="704" cy="96" r="54" fill="#fff" opacity=".34"/>
<circle cx="650" cy="342" r="76" fill="#fff" opacity=".24"/>
<path d="M0 332 C110 278 205 314 294 286 C405 251 494 309 596 282 C660 265 712 278 760 252 L760 430 L0 430 Z" fill="#fff" opacity=".36"/>
<path d="M0 356 C125 310 212 340 310 320 C424 296 520 348 646 318 C694 307 728 312 760 298 L760 430 L0 430 Z" fill="#fff" opacity=".44"/>
<g filter="url(#shadow)">
<rect x="54" y="56" width="652" height="318" rx="28" fill="#fff" opacity=".36"/>
</g>
<text x="382" y="132" text-anchor="middle" font-family="Nunito, Comic Sans MS, Arial, sans-serif" font-size="54" font-weight="900" fill="#233047">Farm Friends</text>
<text x="382" y="190" text-anchor="middle" font-family="Nunito, Comic Sans MS, Arial, sans-serif" font-size="48" font-weight="900" fill="#233047"></text>
<text x="382" y="292" text-anchor="middle" font-family="Apple Color Emoji, Segoe UI Emoji, sans-serif" font-size="92">🐮</text>
<g fill="#ff8c5a" opacity=".86">
<circle cx="100" cy="302" r="8"/>
<circle cx="666" cy="240" r="7"/>
<path d="M146 102 l9 18 20 3 -14 14 3 20 -18 -9 -18 9 3 -20 -14 -14 20 -3z"/>
<path d="M612 74 l7 14 16 2 -12 11 3 16 -14 -7 -14 7 3 -16 -12 -11 16 -2z"/>
</g>
</svg>)
![](data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="760" height="430" viewBox="0 0 760 430">
<defs>
<linearGradient id="bg" x1="0" x2="1" y1="0" y2="1">
<stop stop-color="#dcd3ff" offset="0"/>
<stop stop-color="#ffb6d5" offset="1"/>
</linearGradient>
<filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="12" stdDeviation="12" flood-color="#3f2d25" flood-opacity=".14"/>
</filter>
</defs>
<rect width="760" height="430" rx="34" fill="url(#bg)"/>
<circle cx="92" cy="76" r="38" fill="#fff" opacity=".42"/>
<circle cx="704" cy="96" r="54" fill="#fff" opacity=".34"/>
<circle cx="650" cy="342" r="76" fill="#fff" opacity=".24"/>
<path d="M0 332 C110 278 205 314 294 286 C405 251 494 309 596 282 C660 265 712 278 760 252 L760 430 L0 430 Z" fill="#fff" opacity=".36"/>
<path d="M0 356 C125 310 212 340 310 320 C424 296 520 348 646 318 C694 307 728 312 760 298 L760 430 L0 430 Z" fill="#fff" opacity=".44"/>
<g filter="url(#shadow)">
<rect x="54" y="56" width="652" height="318" rx="28" fill="#fff" opacity=".36"/>
</g>
<text x="382" y="132" text-anchor="middle" font-family="Nunito, Comic Sans MS, Arial, sans-serif" font-size="54" font-weight="900" fill="#233047">My Feelings</text>
<text x="382" y="190" text-anchor="middle" font-family="Nunito, Comic Sans MS, Arial, sans-serif" font-size="48" font-weight="900" fill="#233047">Today</text>
<text x="382" y="292" text-anchor="middle" font-family="Apple Color Emoji, Segoe UI Emoji, sans-serif" font-size="92">😊</text>
<g fill="#8e7eff" opacity=".86">
<circle cx="100" cy="302" r="8"/>
<circle cx="666" cy="240" r="7"/>
<path d="M146 102 l9 18 20 3 -14 14 3 20 -18 -9 -18 9 3 -20 -14 -14 20 -3z"/>
<path d="M612 74 l7 14 16 2 -12 11 3 16 -14 -7 -14 7 3 -16 -12 -11 16 -2z"/>
</g>
</svg>)
![](data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="760" height="430" viewBox="0 0 760 430">
<defs>
<linearGradient id="bg" x1="0" x2="1" y1="0" y2="1">
<stop stop-color="#ccecff" offset="0"/>
<stop stop-color="#6eb6e8" offset="1"/>
</linearGradient>
<filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="12" stdDeviation="12" flood-color="#3f2d25" flood-opacity=".14"/>
</filter>
</defs>
<rect width="760" height="430" rx="34" fill="url(#bg)"/>
<circle cx="92" cy="76" r="38" fill="#fff" opacity=".42"/>
<circle cx="704" cy="96" r="54" fill="#fff" opacity=".34"/>
<circle cx="650" cy="342" r="76" fill="#fff" opacity=".24"/>
<path d="M0 332 C110 278 205 314 294 286 C405 251 494 309 596 282 C660 265 712 278 760 252 L760 430 L0 430 Z" fill="#fff" opacity=".36"/>
<path d="M0 356 C125 310 212 340 310 320 C424 296 520 348 646 318 C694 307 728 312 760 298 L760 430 L0 430 Z" fill="#fff" opacity=".44"/>
<g filter="url(#shadow)">
<rect x="54" y="56" width="652" height="318" rx="28" fill="#fff" opacity=".36"/>
</g>
<text x="382" y="132" text-anchor="middle" font-family="Nunito, Comic Sans MS, Arial, sans-serif" font-size="54" font-weight="900" fill="#233047">Rainy Day</text>
<text x="382" y="190" text-anchor="middle" font-family="Nunito, Comic Sans MS, Arial, sans-serif" font-size="48" font-weight="900" fill="#233047">Adventure</text>
<text x="382" y="292" text-anchor="middle" font-family="Apple Color Emoji, Segoe UI Emoji, sans-serif" font-size="92">☔</text>
<g fill="#ef6f3b" opacity=".86">
<circle cx="100" cy="302" r="8"/>
<circle cx="666" cy="240" r="7"/>
<path d="M146 102 l9 18 20 3 -14 14 3 20 -18 -9 -18 9 3 -20 -14 -14 20 -3z"/>
<path d="M612 74 l7 14 16 2 -12 11 3 16 -14 -7 -14 7 3 -16 -12 -11 16 -2z"/>
</g>
</svg>)
📖 Preschool Story Library
Picture Books for Little Learners
Picture-book packs for circle time, vocabulary discussion, social-emotional topics and family reading.
📚 Story Library
Filter picture books by category
Loading available picture books...
Loading available picture books...
No picture books found in this category.
For teachers
Use each story for circle time, vocabulary building, emotional learning, or themed classroom activities.
For parents
Choose short, gentle stories for bedtime, weekend reading, or parent-child conversation prompts.
Print and prepare
Each book card is designed to later connect with downloadable pages, story scripts, covers, and classroom packs.