Custom, mobile apparel UI for creating print-ready design. Built with CE.SDK by IMG.LY, this starterkit provides a complete custom React UI for designing apparel products like t-shirts, hoodies, and other garments with a streamlined editor experience.
- Custom React UI for apparel design
- Product catalog with customizable templates
- Image upload and positioning
- Text editing with font selection
- Shape and sticker library
- Color palette customization
- Live preview mode
- Export functionality
- Node.js 22+ and npm
npm installStart the development server:
npm run devThe application will be available at http://localhost:5173.
Build for production:
npm run buildPreview the production build:
npm run previewsrc/
├── app/ # Demo application
├── imgly/
│ ├── ColorUtilities.ts
│ ├── CreativeEngineUtils.ts
│ ├── UnsplashSource.ts
│ ├── UseEditMode.ts
│ ├── UseHistory.ts
│ ├── UseImageUpload.ts
│ ├── UseSelectedProperty.ts
│ └── index.ts # Editor initialization function
└── index.tsx # Application entry point
This starterkit follows the Feature-Sliced Design pattern with a clear separation between UI logic (src/app/) and CE.SDK operations (src/imgly/).
- Self-contained: The starterkit is completely standalone and runnable
- React-based: Modern React with TypeScript
- CSS Modules: Scoped styling without external dependencies
- Type-safe: Full TypeScript coverage
The src/imgly/ directory contains all CE.SDK-specific operations and must remain self-contained (no imports from ../app/). This separation ensures:
- Clear separation of concerns
- Easier testing and maintenance
- Reusable CE.SDK operations
This starterkit is part of the CE.SDK ecosystem. See the main CE.SDK license for details.