Petita Angular is a kids clothing Angular template for children’s and family clothing shops, written in TypeScript on Angular 17. Each page is a standalone component. The Angular CLI handles serving, building and testing.

The sizing, family & gift logic sits in injectable services. As a result, components stay small and easy to test. For instance, one service handles a size finder by age and height with a room-to-grow pick; matching family sets sized for every member and priced as a set; newborn gift sets with wrapping, and every component that needs it reuses it.

Home Page Components

• The Kids’ Shop – a full-width photo slider with a trail of tiny sewing buttons behind the pointer.
• Matching Family – a giant title on a coloured ground with the grown-up.
• Baby & Gifts – the softest welcome, organic from the first day, best picks, Paper Doll.

Sizing, Family & Gift Features And Services

• Size Finder – age and height, everyday pieces or coats & knits.
• Size Guide – the whole size ladder by height.
• Family Sets – 6 prints, each with a grown-up.
• Newborn Gift Sets – five steps: the set.
• Shop By Age – 5 age bands from Baby to Grown-Ups, each with its sizes, heights and pieces.
• The Shop – 24 pieces in 8 categories.

Kids Clothing Angular Template Features

• Angular 17 standalone components for 30 pages
• Typed models and services in TypeScript
• RxJS for shared state such as the cart, the theme and the language
• Lazy-loaded routes and the Angular CLI
• Light and dark mode on one switch, remembered between visits
• Right-to-left layouts for every page
• Responsive from phones to wide screens
• Documentation for setup, structure and changes

Working With The Angular CLI

Install Node 18 or newer and the Angular CLI. Then run npm install and ng serve. Later, ng build writes the production files.

Looking for this kids clothing Angular template in another stack? Petita also comes as HTML5, React, Vue and WordPress. Every format is in the developer bundle at 20% off. Browse more Fashion & Apparel Angular templates.

Built with Angular and TypeScript.