Mosiac is a collection of customizable components made for building modern AI interfaces. It gives you the building blocks for prompts, AI interactions, animated states, and the details that make an interface feel great to use.
Mosiac is built with Next JS, React, Tailwind CSS, and Motion. Every component is designed to work with the way you already build your application, while giving you complete control over its code and appearance.
Instead of installing a package and treating its components as a black box, Mosiac puts the component code directly in your project. Use it as it is, change it to match your design, or take the idea further and make it your own.
AI products have their own set of interaction patterns. A prompt input needs to feel responsive. A generation state needs to communicate what is happening. A response needs to transition naturally as new content appears.
Mosiac focuses on these details and turns them into reusable components that you can drop into your own product.
The source code is yours to work with. There is no hidden layer between you and the component. You can inspect the implementation, change the styles, adjust the animation, add new behavior, or remove anything you don't need.
Mosiac is meant to give you a strong starting point, not something you have to work around.
Motion is part of how Mosiac components communicate. Transitions, state changes, and interactions are designed to feel intentional rather than simply adding animation for the sake of it.
Mosiac is open source and continuously evolving. Explore the components, experiment with them, and build something of your own.