css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv
CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View.
user profile image

It's just a concept, a fake chat to design a new daily ui for direct messaging. Hope you like it :)


  1. Hello there! Really like your codepens! They're well done! Can I copy/modify this http://cdpn.io/jqOBqp in my website?

  2. @Jessica77Allison yes, but please, add credits and let me see your final work :)

  3. Amazing, I had a nice chat with you aha! Love the animation, feels really dynamic

  4. I just had a chat with the code! Loved it! :D

    • "How are you?"
    • "spaghetti"
    • "Not too bad, thanks"
  5. @watercolours, with what response did you expect I answered? :D

  6. @supah: if ($.trim(msg) == 'spaghetti') { return 'Babba di boopy.'; }

    Reference for those not familiar

  7. @watercolours ahahah, ok, that's perfect :°D

  8. I think the js file does not work for me.

    I do not receive any messages from artificial intelligence

  9. Do you consider private projects ?

  10. Hi @manishpatell, send me a private message clicking on the "hire me" button on my profile

  11. Hi Fabio! I think your work is really incredible (animation game on point!), and I also wish to use your project and modify it a bit for my website, is it OK to credit you as follows:

    Messaging interface based on Fabio Ottaviani's work on codepen: http://cdpn.io/jqOBqp

    or however you like, let me know!

  12. You should combine this with AI module. I think it will work fine.

    I really enjooyed!

  13. Simple and very dynamic, loved it! nice work

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.