Virtual Event Chat Kit — UI kit & sample app for building in-app virtual event chat

Great! Big bravo for whole the team & congrats on the launch! ^_^ Virtual Event Chat Kit seems to be an awesome solution, for better integration of the flow of communication and decision making points inside of a team! *_*

As one of the designers who worked on this kit, I’m really proud of how we were able to take a series of challenges that people commonly face and create a flexible, reusable solution. The UI components in the kit should save teams working on all kinds of live event apps and platforms a lot of time and energy, while still retaining the level of customizability and flexibility required to deliver a polished, enterprise-grade experience to a high volume of users and differentiate your UX from competitors.

As a web developer, it’s so much easier to move quickly and deliver a great UX when the design and UI aspects are created with this much thought and care. The prototype in Figma and the included React sample app help me visualize how I would go about integrating the chat components and functions alongside the other major features of a virtual event app.

It’s been an honor to see a number of the world’s largest virtual event platforms trust components and infrastructure from Stream to power their in-app chat experiences and create meaningful connections between attendees, and I’m excited to see what individual designers, developers, and organizations of all sizes will create with this new free kit. One of my favorite things about this new UI kit is that it comes ready to use at scale — with polished chat designs prepared for all of the various rooms and spaces in an enterprise event platform — but it’s also accessible for app designers and developers of all skill levels to experiment with and borrow from. The complete design system in Figma is incredibly intuitive to explore and customize, and I can’t wait to see how others adopt and remix it. In addition to the UI components included with this kit, Stream also provides all of the API-based infrastructure needed to develop in-app chat using your choice of 9 client-side SDKs. If you’re working on a small side project or new startup, you can get free access to all of these tools by applying for our Maker Account: ​​https://getstream.io/maker-account/

@tschellenbach @avinash0208 @vishal_narkhede Great teamwork guys. As a former UX/UI guy turned Product Manager I can truly appreciate the importance of UI Kit. So big kudos to your team for creating such an extensive kit. I my self worked really hard on the UI/UX with my designer for our recent product launch (EventProWP) to help build your own events marketplace. Please share your 2cents on our UI/UX, will really appreciate your feedback. Thanks! Here's the link: producthunt.com/posts/eventprowp

As a front-end engineer, I’m just as concerned about the functionality of a project as I am about the way it looks. I like this kit because it lets developers focus on including the features and functions that matter most to their users, while the auto-layout feature of the design system easily adapts to those needs without the added work of rebuilding each component.

As the design lead on this project I’m really proud of how the kit came out and I hope fellow designers find it valuable. We wanted to go beyond a simple UI kit that would be interesting to look at but tricky to adopt — the goal was to create a truly complete and production-ready design system that could be implemented quickly, and this is the result. We took extra care to provide variants, states, and auto-layout functionality, along with 12 customizable themes (6 light and 6 dark). Our team is already racing to produce additional app examples using different SDKs like SwiftUI, showing the cross-platform flexibility of the UI components. You can see this in the Figma file by selecting one of the screens and choosing a different device type in the Frame dropdown.

One of the cool things about this kit is that it makes a great hands-on learning project for junior designers and developers to sharpen their skills and build their portfolios. You can play with the Figma file to dial in the designs for your project, and then look at the hosted version of the sample app (https://getstream.io/chat/ui-kit...) as well as the code (https://github.com/GetStream/str...) to learn how enterprise engineering teams are thinking about approaches to in-app messaging at scale. Highly recommend grabbing this UI kit download and pairing it with a Stream Maker Account for free access to the code side of things: https://getstream.io/maker-account/

As a Flutter developer, I am excited about how this simple and straightforward UI kit can easily pair with any SDK, creating a fully functional and beautifully designed chat experience across multiple platforms. We are working on an app example using the Flutter SDK to show how the UI components in this kit can integrate with a chat backend to create a customized event chat using Flutter. I can't wait to see what developers build using Stream's Virtual Event UI Chat Kit and Flutter!

Excited to see this launch !

Thanks for sharing the details with us it will help us alot.