Mobile device mockup (iPhone 14 pro)

Forked from @prajwal/mobile-device-mockup-2

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 v3.4. It is responsive. similar terms for this example are simulation,copy,dummy,miniature,like

Mockup

Author Prajwal Hallale

Tailwind v3.4 10.3k 9

Fork Fullscreen

Related Examples

Mobile device mockup
Smartphone (with notch) mockup in tailwind

Prajwal Hallale

3 years ago

10.9k
Mobile device mockup
Smartphone (with punch hole notch) mockup in tailwind

Prajwal Hallale

3 years ago

9.4k
Tablet device mockup

Prajwal Hallale

3 years ago

8.9k
Safari browser mockup

Leon Bachmann

3 years ago

9.6k
Mac terminal mockup

Manon Daniel

3 years ago

12k
Hero donate
the donation hero

Uwera Dorcas

1 year ago

890
macOS Style Webpage – macOS Design in the Browser
A simple webpage inspired by the macOS interface. It recreates the clean design, dock, and desktop look of macOS using only HTML, tailwind CSS, and JavaScript. This project focuses on front-end styling and layout to bring the visual feel of macOS to the web — not a full simulation, just the look and vibe.

Hamza Atig

1 year ago

2.5k
CSS-Boy
Inspired by the Pip-Boy Model 3000 from Fallout: New Vegas. Comes with multiple pages and some animations. All decorative background elements disappear when the screen is <sm (it's responsive).

Nick Girga

1 year ago

1.4k
Calculator
This calculator uses CSS although it can be passed directly to tailwind

Ameth Galarcio

2 years ago

2.6k
Responsive Multi-Tier Pricing Table Component
flexible and responsive 3-tier pricing table component built with HTML and Tailwind CSS. Features distinct visual styles for different plans (e.g., highlighting a recommended option), adapts to various screen sizes, and supports both light and dark color schemes. Uses generic placeholders for easy adaptation to any product or service.

Hamza Atig

1 year ago

2.1k
Mac terminal mockup

Sean Gantly

2 years ago

2.1k
Tailwind CSS Service Card Component
An HTML and Tailwind CSS code snippet for creating a responsive service card component. Ideal for marketplaces, portfolios, or listing pages. Includes sections for image/video preview, seller info, rating, pricing, and additional details. Easy to customize using Tailwind utility classes.

Hamza Atig

1 year ago

1.6k