Build fab looking apps 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.
Get UI Kit
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.
How AutoCode Works
Onboard M3 compatible or custom design system using AutoCode, and get pixel-perfect UI code, design tokens, and fully styled component library

AI-ready Design System

M3-based UI kit for designers and developers building enterprise apps on WaveMaker

Figma Design to Working Frontend

Convert Figma designs to web or mobile front-end code with design tokens, components, and app functionality

Style Workspace

Studio design workspace to manage design tokens and UI styles for a consistent look across apps.

Component Marketplace

Studio design workspace to manage design tokens and UI styles for a consistent look across apps.

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
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.
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.
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.
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.
Consistent user experiences, across. Explore apps built with WaveMaker UI Kit on Wavemaker.
Copyright © 2026 WaveMaker, Inc. All rights reserved.
Privacy PolicyTerms of Use