Mobile device mockup
Smartphone (with notch) mockup in tailwind
This tailwind example is contributed by Prajwal Hallale, on 26-Jan-2023. Component is made with Tailwind CSS v3. similar terms for this example are simulation,copy,dummy,miniature,like
Author Prajwal Hallale
Related Examples
-
Mobile device mockup (iPhone 14 pro)Smartphone (with dynamic island notch) mockup in tailwind
2 years ago9.8k -
2 years ago9.9k -
Mobile device mockupSmartphone (with punch hole notch) mockup in tailwind
1 year ago9.1k -
2 years ago7.5k -
2 years ago8.8k -
2 years ago12.1k -
2 years ago9.7k -
2 years ago8.8k -
2 years ago11.6k -
CalculatorThis calculator uses CSS although it can be passed directly to tailwind
10 months ago1.5k -
Safari mockup Browser pageThis component is a mockup of a Safari browser window, featuring a realistic and responsive design created with Tailwind CSS. It includes the following elements: Tab Bar: Positioned at the top of the window, the tab bar showcases an active tab with a favicon and a title. The active tab is highlighted with a background color and border for clarity. Toolbar: Below the tab bar, the toolbar mimics the Safari browser's functionality with close, minimize, and maximize buttons. It also features an address bar pre-filled with a URL, styled for a polished look. Navigation Buttons: The toolbar contains navigation buttons designed with SVG icons to represent back, forward, and other standard browser actions. Content Area: The main section of the browser window, styled to display content within the mockup. It includes a heading and a description to illustrate the use of the component.
5 months ago489 -
3 months ago262
Explore components by Tags
Didn't find component you were looking for?
Search from 2400+ components
