Components
This guide provides an overview of all available components in the Youzu.ai SDK.
ComponentsCopied!
| Component | Description | Documentation |
|---|---|---|
| Room Visualizer | 3D room visualization tool that allows users to explore different room styles, furniture, and products | Room Visualizer Documentation |
| Search Lens | Image-based search tool that attaches to search inputs and enables users to search by uploading an image | Search Lens Documentation |
| Lens | Product discovery tool that adds a lens button to product images for finding similar items | Lens Documentation |
| Magic Background | Enhancement tool that automatically adds contextually appropriate backgrounds to product images | Magic Background Documentation |
Component DescriptionsCopied!
Room VisualizerCopied!
A 3D room visualization tool that allows users to explore different room styles, furniture arrangements, and product placements. This component creates an interactive 3D environment where users can visualize how products would look in real spaces.
Key Features:
- Virtual room exploration with multiple room templates
- Product placement and arrangement in 3D space
- Material and color customization
- Realistic lighting and shadows
- Save and share room designs
Search LensCopied!
An image-based search tool that attaches to search inputs and enables users to search by uploading an image. This component enhances traditional text search with visual search capabilities.
Key Features:
- Integrates with existing search fields
- Supports image upload from device
- Option for camera capture on mobile devices
- Visual similarity search
- Customizable UI appearance
LensCopied!
A product discovery tool that adds a lens button to product images for finding similar items. This component makes any product image interactive by adding a visual search capability directly to the image.
Key Features:
- Automatic lens button placement on images
- Similar product recommendations
- Customizable appearance and positioning
- Quick product discovery from any product image
- Analytics for understanding user behavior
Magic BackgroundCopied!
An image enhancement tool that automatically adds contextually appropriate backgrounds to product images. This component transforms plain product photos into lifestyle images with beautiful backgrounds.
Key Features:
- Automatic background generation based on product type
- Multiple style presets (modern, luxury, minimalist, etc.)
- Manual or automatic mode operation
- Preserves product details and transparency
- Optimized for e-commerce product presentation
Next StepsCopied!
For implementation details, available props, event handling, methods, and more details about each component, refer to the individual component documentation:
- Room Visualizer Documentation
- Search Lens Documentation
- Lens Documentation
- Magic Background Documentation
For general SDK usage, see the Installation Guide.
For any additional support or questions, please reach out to our support team.