Inline Image Text
Transform your text into engaging, dynamic content with this powerful component that seamlessly blends animated typography with cycling inline images.
Made with Workshop
Build your own component with AI
Key Features:
- Smart Text Animation: Choose from word-by-word, line-by-line, or element-based animations with customizable effects including opacity, scale, blur, rotation, skew, and offset transforms
- Inline Image Integration: Insert up to 5 image slots that flow naturally within your text, positioned after specific words
- Image Cycling: Each slot supports up to 3 images that automatically cycle with synchronized timing
- Flexible Image Sizing: Three sizing modes - relative to text height, fixed dimensions, or custom aspect ratios
- Advanced Animation Controls: Independent animation settings for both text and images with spring or tween transitions
- Professional Effects: Comprehensive entrance animations with stagger delays, bounce effects, and customizable durations
- Responsive Design: Adapts to any layout with proper text wrapping and line break support
- Easy Configuration: Intuitive property controls for positioning, styling, and timing
Perfect For:
- Hero sections with animated headlines
- Product descriptions with cycling feature images
- Testimonials with profile pictures
- Interactive storytelling
- Marketing copy with visual emphasis
- Educational content with illustrations
