- Home
-
Mobile device mockup
Mobile device mockup
Smartphone (with punch hole notch) mockup in tailwind
This tailwind example is contributed by Prajwal Hallale, on 20-Jun-2023. Component is made with Tailwind CSS v3. similar terms for this example are simulation,copy,dummy,miniature,like
Author Prajwal Hallale
Related Examples
-
Mobile device mockup
Smartphone (with notch) mockup in tailwind
2 years ago10.7k -
Mobile device mockup (iPhone 14 pro)
Smartphone (with dynamic island notch) mockup in tailwind
2 years ago10k -
2 years ago12.1k
-
2 years ago10.3k
-
2 years ago10.5k
-
2 years ago12.4k
-
7 months ago966
-
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.
6 months ago950 -
Instagram Post UI Mockup
A static HTML and Tailwind CSS component that visually replicates the user interface of an Instagram post. This mockup includes the post header (avatar, username, options), image area, action buttons (like, comment, share, save), like count, caption, and comment section. It features responsive constraints and supports both light and dark mode, closely mimicking the look and feel of the actual Instagram app. Ideal for UI prototyping, style guides, or frontend development practice.
6 months ago872 -
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.
2 weeks ago227 -
Website Mockup
An Onyx Component. This can be used for landing pages / other website mockup purposes. It's clean design will fit with most SAAS projects.
1 year ago1.7k -
1 month ago69
Explore components by Tags
Didn't find component you were looking for?
Search from 3000+ components