Mobile device mockup (iPhone 14 pro)
Smartphone (with dynamic island notch) mockup in tailwind
This tailwind example is contributed by Prajwal Hallale, on 17-Dec-2022. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are simulation,copy,dummy,miniature,like
Author Prajwal Hallale
Related Examples
-
Mobile device mockupSmartphone (with notch) mockup in tailwind
1 year ago10.3k -
Mobile device mockupSmartphone (with punch hole notch) mockup in tailwind
1 year ago8.9k -
2 years ago8.8k -
1 year ago6.5k -
1 year ago9k -
1 year ago10.5k -
2 years ago9k -
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.
2 days ago13 -
CalculatorThis calculator uses CSS although it can be passed directly to tailwind
4 months ago885 -
1 year ago8.3k -
iPhone 15 MockupThe "Screen Content" div can be manipulated to have anything inside the screen.
1 month ago284 -
2 months ago441
Explore components by Tags
Didn't find component you were looking for?
Search from 1800+ components
