A clock with Tailwind CSS

Related Examples

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

  Author:
  Hamza Atig

  5 months ago

  855
• 
  Credit card mockup

  Author:
  Kofi Osei

  2 years ago

  12.4k
• 
  Mac terminal mockup

  Author:
  Anonymous

  1 year ago

  1.4k
• 
  Mobile device mockup

  Smartphone (with notch) mockup in tailwind

  Author:
  Prajwal Hallale

  2 years ago

  10.7k
• 
  Safari mockup Browser page

  This component is a mockup of a Safari browser window, featuring a realistic and responsive design created with Tailwind CSS. It includes the following elements: Tab Bar: Positioned at the top of the window, the tab bar showcases an active tab with a favicon and a title. The active tab is highlighted with a background color and border for clarity. Toolbar: Below the tab bar, the toolbar mimics the Safari browser's functionality with close, minimize, and maximize buttons. It also features an address bar pre-filled with a URL, styled for a polished look. Navigation Buttons: The toolbar contains navigation buttons designed with SVG icons to represent back, forward, and other standard browser actions. Content Area: The main section of the browser window, styled to display content within the mockup. It includes a heading and a description to illustrate the use of the component.

  Author:
  Mahmoud Abdelaziz Salama

  9 months ago

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

  Author:
  Coastal UI

  1 year ago

  1.6k
• 
  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

  5 months ago

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

  Author:
  Nick Girga

  5 months ago

  203
• 
  Safari browser mockup (dark)

  Author:
  Leon Bachmann

  2 years ago

  10.1k
• 
  Best Log In page ever

  Instagram look like but not copy right 🤗,best login and sign and even for many others

  Author:
  ORGIN_DREAMS

  4 months ago

  425
• 
  Calculator

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

  Author:
  Ameth Galarcio

  1 year ago

  1.8k
• 
  Safari browser mockup

  Author:
  Leon Bachmann

  2 years ago

  8k