Mobile device mockup

Related Examples

• 
  Mobile device mockup (iPhone 14 pro)

  Smartphone (with dynamic island notch) mockup in tailwind

  Author:
  Prajwal Hallale

  2 years ago

  9.9k
• 
  Safari browser mockup (dark)

  Author:
  Leon Bachmann

  2 years ago

  10k
• 
  Mobile device mockup

  Smartphone (with punch hole notch) mockup in tailwind

  Author:
  Prajwal Hallale

  2 years ago

  9.2k
• 
  Safari browser mockup

  Author:
  Leon Bachmann

  2 years ago

  7.8k
• 
  Tablet device mockup

  Author:
  Prajwal Hallale

  2 years ago

  8.8k
• 
  Credit card mockup

  Author:
  Kofi Osei

  2 years ago

  12.3k
• 
  Mac terminal mockup

  Author:
  Manon Daniel

  2 years ago

  10.2k
• 
  Mac terminal mockup

  Author:
  Manon Daniel

  2 years ago

  9k
• 
  Show credit card details

  Author:
  Manuela Bianka

  2 years ago

  11.8k
• 
  Modern Dark Footer with Overlapping Gradient CTA

  A comprehensive, dark-themed website footer component built with HTML and Tailwind CSS. It features a visually distinct overlapping section with a colorful gradient background containing a prominent call-to-action (CTA) block. The main footer area utilizes a multi-column grid layout for organized navigation links, a newsletter signup form, and social media icons. A final bottom bar includes legal links and copyright information. The design is responsive and adapts its layout for different screen sizes.

  Author:
  Hamza Atig

  4 months ago

  520
• 
  Safari mockup Browser page

  This 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.

  Author:
  Mahmoud Abdelaziz Salama

  8 months ago

  717
• 
  Modern Responsive Pricing Section with Toggle

  A sleek, responsive pricing section built with HTML and Tailwind CSS, showcasing three distinct plans (e.g., Free, Pro, Expert) in a card layout. It features a clean monthly/yearly toggle switch with savings indication, highlights a recommended plan with distinct styling and a badge, and uses checkmarks for clear feature comparison. The layout stacks vertically on smaller screens and transitions to a 3-column grid on large screens (lg breakpoint). Includes generic content for easy adaptation and a final "Compare Plans" button.

  Author:
  Hamza Atig

  4 months ago

  745