UI kit & sample app for building in-app virtual event chat
100+ polished screens coalesce into mapped-out flows so you and your team can jump into Figma and create your own custom event chat faster than ever. The sample app shows Stream's chat API, also free for personal use and small projects, powering the backend.
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/virtual-events/#sample-app) as well as the code (https://github.com/GetStream/stream-chat-react/tree/develop/examples/website-demos/virtual-event) to learn how e
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
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 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.
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 compe
The scores reflect launch-period engagement. Historical data is preserved and doesn't change retroactively. The build date at the bottom shows when the index was last refreshed.
Check the similar products section on this page, or browse the category pages linked in the tags above. Each category page shows all products for a given year, sorted by engagement.
A measure of community engagement at launch. Higher means more people noticed and interacted with the product. It's a traction signal, not a quality rating.
Discussion threads divided by interest score. Above 0.30 is strong. Below 0.15 suggests the product got clicks but not conversation.