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.

Storybook

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.

Apps Developed Using the WaveMaker UI Kit

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