Design and Build Fab Looking Applications,
Out-of-the-Box
WaveMaker UI Kit is a component library for easy, consistent and fast UI design & development. It adheres to standard practices of Material 3, with ready-to-use components, themes, and tokens that help you build beautiful web and mobile user interfaces.

Fully integrated into WaveMaker Studio, the WaveMaker UI Kit provides an open-source component library implemented in Angular and React Native, alongside a UI Kit for Figma to streamline the design-to-development process. Available in Storybook, developers can explore, test, and implement components in isolation, ensuring every element is optimized for enterprise-grade applications.

Leveraging the AutoCode Figma Plugin, designs crafted in Figma can be seamlessly imported into WaveMaker Studio, transforming them into production-ready applications. Together, the UI Kit and WaveMaker Studio enable faster, smarter, and consistent application delivery.

Create Responsive, 
Scalable User Experiences
Global Tokens
Foundational building blocks like color, typography, spacing, and layout ensure design consistency across projects, enabling teams to scale designs effortlessly.
Responsive by Default
WaveMaker UI Kit components are designed to adapt flawlessly across devices, including mobile, tablet, and desktop, ensuring a unified experience for users, regardless of screen size.
Accessible Design
With pre-defined contrast ratios, adaptable text sizes, and accessible interaction states, WaveMaker UI Kit ensures that designs are inclusive and WCAG-compliant by default.
Interaction Patterns
Built-in interaction states like hover, focus, pressed, and disabled provide a consistent, user-friendly experience, reinforced with smooth transitions and feedback.
Craft Modern User Interfaces
Customizable components
From buttons and forms to navigation bars, every element is designed to be fully responsive and easily adjustable, ensuring consistency across projects.
Advanced UX guidance
WaveMaker UI Kit provides detailed design principles and interaction patterns, ensuring interfaces are intuitive, accessible, and optimized for seamless user experiences across devices.
Modern design principles
Create scalable, responsive, and beautiful UI that aligns with enterprise needs and modern user expectations. WaveMaker UI Kit adheres to the latest design standards, inspired by industry leaders like Material Design (Material 3.0).
Build Superfast with 
AI-Powered Plugin - AutoCode

WaveMaker UI Kit helps you build production-ready UI, and AutoCode takes it to the next level, the plugin converts your figma UI directly to an app, complete with all the elements and user interactions, within minutes.

Developers can bind APIs inside the WaveMaker studio - a fully functional app is live in no time.

Start Building Now
Figma
Access the complete WaveMaker UI Kit directly in Figma. With ready-to-use components, themes, and tokens, you can prototype and design faster while ensuring consistency across every screen.
Story Book
Explore our detailed Storybook documentation to learn about every component in the WaveMaker UI Kit library. From implementation guides to usage tips, you’ll find everything you need to integrate WaveMaker UI Kit seamlessly into you into your project.
Coming Soon
Apps Developed Using the WaveMaker UI Kit

Consistent user experiences, across. Explore apps built with WaveMaker UI Kit on Wavemaker.