# Safari search bar mockup generator

> Create an iOS Safari search bar as a transparent PNG. Free Safari address bar mockup with your own text, light and dark mode. No watermark, no sign-up.

Canonical: https://textlab.javii.tools/mockups/safari-search-mockup
Last updated: 2026-07-14

TextLab renders the iOS Safari search/address bar with your text inside, the pill shape, the aA and reader icons, the exact iOS treatment. Type it and export a transparent PNG.

It's the mobile counterpart to the Google search mockup: perfect when you want the query to read as typed on an iPhone rather than a desktop. Matches iOS light and dark mode.

## How it works

1. Type your text in the tool above.
2. Pick a style and tweak the color, dark mode or background.
3. Export a pixel-accurate PNG, transparent, no watermark.

## What people use it for

- Show a URL or query typed on iPhone Safari
- Illustrate a mobile browsing moment in a slide
- Hook a vertical video with an on-phone search
- Mock up an address bar for an app or web concept

## Frequently asked questions

### Is this the iPhone Safari bar specifically?

Yes, it's the iOS Safari search/address pill, matched to how it looks on an iPhone.

### Can I toggle dark mode?

Yes, the bar renders in both iOS light and dark appearances.

### Can I export a transparent PNG?

Yes, so it composites onto any background cleanly.

### Is it free?

Yes. Standard PNG export is free and watermark-free.

## Related

- [Open TextLab](https://textlab.javii.tools/)
- [Fake Google search generator](https://textlab.javii.tools/mockups/google-search-mockup)
- [Apple Notes mockup generator](https://textlab.javii.tools/mockups/notes-mockup)
- [Free iMessage mockup generator](https://textlab.javii.tools/mockups/imessage-mockup)
- [iPhone notification mockup generator](https://textlab.javii.tools/mockups/ios-notification-mockup)
- [Browse all mockup styles](https://textlab.javii.tools/mockups)