💚 Chat Animation Tester

Chat Configuration

{
    "showHeader": true,
    "showInputField": true,
    "headerTitle": "Anna 🌸",
    "headerAvatar": "A",
    "typingDuration": 1000,
    "placeholderText": "Message...",
    "bottomMargin": "40px",
    "outgoingMessageColor": "#7763FA",
    "loop": true,
    "messages": [
        {
            "text": "Hi! 👋",
            "type": "incoming",
            "delay": 1000,
            "showTyping": true
        },
        {
            "text": "Hey! How's it going?",
            "type": "outgoing",
            "delay": 1000
        },
        {
            "text": "Great! I'm working on some cool animations 😊",
            "type": "incoming",
            "delay": 1500,
            "showTyping": true
        },
        {
            "text": "Sounds awesome! Can’t wait to see them",
            "type": "outgoing",
            "delay": 1000
        },
        {
            "text": "You’re literally looking at them right now 😄",
            "type": "incoming",
            "delay": 1500,
            "showTyping": true
        }
    ]
}