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.5k
Mac terminal mockup

Manon Daniel

3 years ago

11.9k
LinkedIn Post UI Mockup
A static HTML and Tailwind CSS component designed to replicate the user interface of a LinkedIn post. This mockup accurately represents the post structure including the header (avatar, name, headline, timestamp), content area (text, optional media), engagement statistics (likes, comments, reposts), and the action bar (Like, Comment, Repost, Send). It's fully responsive, supports light and dark themes, and uses appropriate iconography and styling to closely mimic the LinkedIn feed experience.

Hamza Atig

1 year ago

1.7k
Mac terminal mockup

Quinn

9 months ago

405
itskoti.com
ssdas

Tendy Rivaldo

1 year ago

1.8k
Quiting

Bruz

1 year ago

859
Show credit card details

Manuela Bianka

3 years ago

13.2k
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.

Hamza Atig

1 year ago

1.7k
Comparison Pricing Table Component
A responsive pricing table built with HTML and Tailwind CSS, comparing two plans (Free and Unlimited) with a clear feature checklist. Includes distinct styling for the premium plan and a toggle for monthly/annual pricing display.

Hamza Atig

1 year ago

1.9k