Explore 50 essential UI components, each with live interactivity. Unlike traditional component libraries that organize by component name, this gallery is organized by user intent — what you're trying to accomplish in your interface.
💡
How to Use This Gallery
Click, hover, and interact with each component to see it in action. Use the category navigation to jump to specific types:
- 📝 Collect Information — Forms and inputs
- ☑️ Display Choices — Selection controls
- 📦 Show Content — Data display components
- 🧭 Guide Navigation — Wayfinding elements
- 💬 Provide Feedback — Notifications and status
- 📋 Organize Information — Layout and structure
- 🎯 Trigger Actions — Buttons and CTAs