Safari browser mockup (dark)
This tailwind example is contributed by Leon Bachmann, on 29-Nov-2022. Component is made with Tailwind CSS v3. similar terms for this example are simulation,copy,dummy,miniature,like
Author Leon Bachmann
Related Examples
-
Mobile device mockupSmartphone (with notch) mockup in tailwind
1 year ago10.3k -
1 year ago9k -
1 year ago6.5k -
1 year ago8k -
Mobile device mockupSmartphone (with punch hole notch) mockup in tailwind
1 year ago8.9k -
1 year ago10.5k -
Website MockupAn Onyx Component. This can be used for landing pages / other website mockup purposes. It's clean design will fit with most SAAS projects.
2 months ago440 -
1 year ago8.3k -
iPhone 15 MockupThe "Screen Content" div can be manipulated to have anything inside the screen.
1 month ago285 -
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 -
3 months ago366 -
CalculatorThis calculator uses CSS although it can be passed directly to tailwind
4 months ago886
Explore components by Tags
Didn't find component you were looking for?
Search from 1800+ components
