A clock with Tailwind CSS

Related Examples

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

  Author:
  Hamza Atig

  1 month ago

  210
• 
  Mobile device mockup

  Smartphone (with notch) mockup in tailwind

  Author:
  Prajwal Hallale

  2 years ago

  10.6k
• 
  Mobile device mockup

  Smartphone (with punch hole notch) mockup in tailwind

  Author:
  Prajwal Hallale

  1 year ago

  9.1k
• 
  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.

  Author:
  Hamza Atig

  1 month ago

  172
• 
  Macbook Air 13" Mockup

  A gorgeous component that can be used for landing pages, hero statements and more. Interested in our UI library? Check out the discord link in my bio.

  Author:
  Coastal UI

  7 months ago

  1.5k
• 
  Mobile device mockup (iPhone 14 pro)

  Smartphone (with dynamic island notch) mockup in tailwind

  Author:
  Prajwal Hallale

  2 years ago

  9.8k
• 
  iPhone 15 Mockup

  Author:
  cameron202518

  3 months ago

  263
• 
  Hero donate

  the donation hero

  Author:
  Uwera Dorcas

  2 weeks ago

  90
• 
  DailyDev Card

  Card -based card used in the Dailydev Card, this is created to be modified to taste of each user

  Author:
  Ameth Galarcio

  4 months 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.

  Author:
  Hamza Atig

  1 month ago

  144
• 
  E-Learning Course Card with Badge and Level Indicator

  An HTML and Tailwind CSS component mockup for displaying course information. Features include a placeholder image area with an overlaid certificate badge, a distinct level indicator banner below the image, category text, a course title, key details (like duration and learner count placeholders), and primary/secondary action buttons. Designed for e-learning platforms or course listings.

  Author:
  Hamza Atig

  1 month ago

  247
• 
  Calculator

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

  Author:
  Ameth Galarcio

  10 months ago

  1.5k