> ## Documentation Index
> Fetch the complete documentation index at: https://cloudinary.com/documentation/llms.txt
> Use this file to discover all available pages before exploring further.

# Try it! Feature demos


Jump to any of these interactive feature demos to play, learn, and be inspired to build your own apps with Cloudinary capabilities.

## Transform and customize

    
    
        
        
    
    Pick a Resize or Crop Mode
    
    
    See the results of different cropping modes on the same image, given a specific viewport size.             

    
    
        
        
    
    Detect Image Objects with AI
    
    
    Try different AI content-aware models to see the objects they detect in any uploaded pic.             

  

    
    
        
        
    
    Recolor Objects in Images You Upload
    
    
    Recolor detected objects for redecoration, product showcasing, or creative expression.             
  

    
    
        
        
    
    Show Transparent Video over Web Content
    
    
    Toggle the transparent video to display it inline or on-top-of web page content.             

    
    
        
        
    
    Try Different Cross Fade Transitions
    
    
    See how different cross fade transitions look when concatenating videos.             

    
    
        
        
    
    Capture a 3D model as a 2D image
    
    
    Try out different camera effect settings to capture images of 3D models.                        

    
    
        
        
              
    Create Realistic Shadows
    
    
    Set the angle and spread of a light source to see the effect on a generated shadow.             

    
    
        
        
              
    Play with Text Distortion
    
    
    Try squashing, squeezing, elongating and customizing the shape of a text string.              

## Optimize and deliver

    
    
        
        
    
    Responsive srcset Images
    
    
    Change the browser size to load dynamically resized images using the srcset and sizes attributes of the img tag.            

    
    
        
        
    
    Art-Directed Responsive Images
    
    
    Change the browser size to load differently cropped images using the picture tag.            

    
    
        
        
    
    Responsive Images Using Client Hints
    
    
    Change the browser size and refresh to load differently sized images from the server based on client hints.            

    
    
        
        
    
    Responsive Images Using the cloudinary-core JS Library
    
    
    Change the browser size to load dynamically resized images from the client side.            

    
    
        
        
    
    Optimize Image Quality
    
    
    See the effect that various automatic and fixed quality settings have on an image's visual quality.             

    
    
        
        
    
    Optimize Video Quality
    
    
    See how various quality settings affect the resulting file size when encoding a video.             

    
    
        
        
    
    Try Adaptive Bitrate Streaming On The Fly
    
    
    See videos being streamed using automatic streaming profile selection.             

    

    
    
        
        
    
    Spin Sets From 360 Panoramic Images
    
    
    Use the Product Gallery to display interactive 360 spin sets made from panoramic images.             

 

## Accessibility

    
    
        
        
    
    Color Blind Accessibility
    
    
    Test color blind assistance techniques and simulate various color vision conditions.             

    
    
        
        
    
    Contrast, Brightness, and Saturation
    
    
    See how contrast, brightness, and saturation adjustments affect image accessibility.             

    
    
        
        
    
    Theme Adaptation
    
    
    See how images can be automatically adapted for light and dark themes.             

    
    
        
        
    
    Text Overlay Customization
    
    
    Experiment with text styling parameters for better accessibility and readability.             

    
    
        
        
    
    Audio Mixing for Accessibility
    
    
    Adjust foreground and background audio levels for WCAG compliance.             

    
    
        
        
    
    Motion Preferences
    
    
    See how to respect user preferences for reduced motion in animated content.             

    
    
        
        
    
    External Volume Controls
    
    
    Create larger, more accessible volume controls using Cloudinary transformations.             

    
    
        
        
    
    Video with Audio Description
    
    
    See how to add audio descriptions to videos for users with visual impairments.             

    
    
        
        
    
    Automatic Image Cropping
    
    
    See intelligent object detection for automatic image cropping across viewports.             

    
    
        
        
    
    Automatic Video Cropping
    
    
    See intelligent object tracking for automatic video cropping across viewports.