Fluent 2 Design Kits
Explore Microsoft’s public UI kits and learn how components, tokens, and accessibility work together.
By Microsoft Design
Creator credited · original source linkedTool
FreeCurated resource
Uiverse UI elements
Inspect and copy community-built buttons, inputs, loaders, and cards for prototypes. Check keyboard behavior, contrast, and motion before using an element in production.
- Format
- Tool
- Access
- Browse public element pages and copy their code
- Added to the library
- 19 September 2026
Opens the original website in a new tab. Check current access and license terms there.
A LITTLE CONTEXT
Make it your own.
Don’t start from a blank frame. Start with one thing you can use today, adapt it to the problem you’re solving, and be ready to explain why it helps.
- Use it as a starting point, not a replacement for your thinking.
- Test it with real content and real constraints.
- Credit the creator and respect the terms before sharing your work.
Tools are a start. Want feedback on how you’re using them?
Get another pair of eyes