Design and Build Fab Looking
Applications, Just Like That!
Wave Design System 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, Wave Design System 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.
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
Wave's 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, Wave 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
Wave 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. Wave adheres to the latest design standards, inspired by industry leaders like Material Design (Material 3.0).
Build Superfast with
AI-Powered Plugin - AutoCode
Wave Design system 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.
