Product updates

Brainstorm UI your future iPhone apps with the upcoming iOS 26 liquid glass concept. The UI kit comes with over 190 components in 15 categories along with wireframe templates.

Apple recently unveiled the beta of iOS 26 at WWDC, introducing a groundbreaking UI design language called Liquid Glass. Much like the early skeuomorphic design era and the later shift to flat UI, Liquid Glass marks a significant evolution in user interface design for iPhone apps.

This new aesthetic emphasizes translucency, fluid motion, and a glass-like visual texture that subtly blends UI elements into the background by allowing content to take center stage. It introduces a minimalistic approach to UI components, encouraging clarity, focus, and modern visual hierarchy.

Wireframe iOS 26 apps

Introducing the Complete Liquid Glass Wireframing Solution: 190+ Premium Components for iOS 26 Development

We're proud to announce the launch of our comprehensive wireframing component library, specifically designed for liquid glass application development. This powerful toolkit seamlessly integrates MockFlow's industry-leading wireframing platform with an extensive collection of 190+ pre-built liquid glass UI components, enabling designers and developers to accelerate their design workflow significantly.

Key Features & Benefits:

Our advanced wireframing solution empowers teams to rapidly prototype and visualize UI concepts, streamlining the design-to-development process. The intuitive interface facilitates quick iterations, allowing you to refine and finalize your design concepts before entering the development phase, ultimately reducing project timelines and costs.

Enhanced Development Workflow:

The integrated WireframePro build mode introduces seamless iOS SDK export functionality, providing developers with production-ready code that further accelerates development cycles. This feature bridges the gap between design and implementation, ensuring consistency and reducing manual coding requirements.

Availability & Access:

The complete Wireframe UI Kit for iOS 26 is now available at no cost to all users, making professional-grade wireframing tools accessible to teams of all sizes. Start designing your next liquid glass application today with our comprehensive component library.

Ready to transform your wireframing process? Access your free toolkit and begin creating exceptional user experiences.

MockStore now offers 300+ wireframe components for Tailwind v4 website designs and over 200 components tailored for Tailwind v4 web app wireframing.

There’s no doubt that Tailwind has become the most popular frontend CSS framework for building modern websites and web apps. If you’re developing with Tailwind, fast design iteration is essential. The new Tailwind v4 UI kit offers dedicated UI kits for both websites and web apps, giving you a huge range of components across multiple categories. This allows you to jumpstart your UI ideas and focus on functionality, without getting bogged down by styling from scratch.

Why it matters ?

If you’re a non-technical user or a manager, MockFlow now makes it effortless to visualize your layout ideas in Tailwind with no coding or prior experience required. You can easily create and experiment with UI designs, making the process as simple and accessible as possible.

Convert to code

Pair this with our Build Mode in WireframePro, and you can instantly convert your wireframe designs into ready-to-use Tailwind frontend code with just a single click.

Wireframe Components available in Tailwind v4 for website UI kit:

Its free for all

As with all UI kits in MockFlow, this release reflects our commitment to supporting the community. The Tailwind v4 Wireframe UI Kits are available to all users including those on the free basic plan, so you can start designing right away without any barriers.

Now easily export wireframes as code with build mode in the exact framework version you need—like Tailwind 4 , 3 or iOS SDK 17,16 , for seamless integration into your projects.

Why framework version matters?

Different versions of frameworks like Tailwind or iOS SDK or Android or Bootstrap can have changes in syntax, available components, and supported features. When you're working on an existing project, it's important that the generated code matches the exact version you're using otherwise, it can lead to broken styles, missing components, or compatibility issues.

By allowing you to choose the framework version in BuildMode during code export, WireframePro ensures that the generated code fits perfectly into your current setup. This eliminates the need for manual adjustments and helps you move faster from wireframe to production code with full confidence.

Expanded Framework with Version Support in Build mode

This release expands WireframePro’s capabilities with support for multiple versions of existing frameworks as well as entirely new ones. No matter which language or framework your project uses, you can now export wireframes into production-ready frontend code that fits right in. Just visualize your UI—WireframePro handles the rest.

Current Code Export Support in MockFlow

You can now convert your wireframe designs into frontend code across a wide range of frameworks and platform SDKs. Supported options include:

1. Tailwind CSS: Versions 4, 3, 2
2. Bootstrap: Versions 5, 4, 3, 2
3. Material Design: Versions 3, 2
4. Shadcn UI
5. Bulma
6. Ant Design
7. React
8. Vue.js

Platform SDKs:

1. iOS: Versions 17, 16, 15
2. iPadOS: Versions 17, 16, 15
3. Android: Versions 34, 33, 32, 31
4. Flutter: Versions 3, 2
5. watchOS: Versions 10, 9, 8
6. macOS: Versions 14, 13, 12
7. Windows: Versions 11, 10

MockFlow continues to expand support to ensure your wireframes can be seamlessly translated into code that matches your tech stack.

Introducing Build mode

How it is different from other code generators?

Is build mode now available ?