Tablet device mockup

Related Examples

• 
  Mobile device mockup

  Smartphone (with notch) mockup in tailwind

  Prajwal Hallale

  3 years ago

  10.9k
• 
  Mobile device mockup (iPhone 14 pro)

  Smartphone (with dynamic island notch) mockup in tailwind

  Prajwal Hallale

  3 years ago

  10.3k
• 
  Safari browser mockup

  Leon Bachmann

  3 years ago

  9.5k
• 
  Twitter Post (Tweet) UI Mockup

  A detailed static HTML and Tailwind CSS component replicating the user interface of a single Twitter post (Tweet). This mockup includes the user avatar, tweet header (name, handle, timestamp), tweet text with styled hashtags/mentions, optional media display, and the action bar with icons and counts (Reply, Retweet, Like, Views, Share). It is responsive, supports light and dark modes, and uses accurate iconography and hover states to closely resemble the real Twitter UI.

  Hamza Atig

  1 year ago

  1.3k
• 
  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
• 
  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.3k
• 
  Mac terminal mockup

  Anonymous

  1 year ago

  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
• 
  Mac terminal mockup

  Sean Gantly

  2 years ago

  1.8k
• 
  COMPLETE SYSTEM FAILURE

  Bruz

  1 year ago

  1.1k
• 
  Configurable 3-Tier Responsive Pricing Table

  A modern, responsive pricing table component inspired by SaaS layouts, built with HTML and Tailwind CSS. Features three distinct pricing tiers displayed in cards, stacking vertically on smaller screens and transitioning to a 3-column grid on large screens (lg breakpoint). Includes interactive top controls for selecting the number of users and toggling between monthly/yearly billing cycles. Each card uses placeholder content for icons, titles, descriptions, features (with checkmarks/info icons), and distinct call-to-action buttons, making it easily adaptable. Styled with subtle background colors and clear typography for excellent readability.

  Hamza Atig

  1 year ago

  1.6k