A clock with Tailwind CSS

Related Examples

• 
  Hero donate

  the donation hero

  Uwera Dorcas

  1 year ago

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

  Hamza Atig

  10 months ago

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

  Anonymous

  9 months ago

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

  Hamza Atig

  1 year ago

  2k
• 
  Best Log In page ever

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

  ORGIN_DREAMS

  1 year ago

  1.6k
• 
  Modern Dark Footer with Overlapping Gradient CTA

  A comprehensive, dark-themed website footer component built with HTML and Tailwind CSS. It features a visually distinct overlapping section with a colorful gradient background containing a prominent call-to-action (CTA) block. The main footer area utilizes a multi-column grid layout for organized navigation links, a newsletter signup form, and social media icons. A final bottom bar includes legal links and copyright information. The design is responsive and adapts its layout for different screen sizes.

  Hamza Atig

  1 year ago

  1.3k
• 
  itskoti.com

  ssdas

  Tendy Rivaldo

  1 year ago

  1.8k
• 
  Atlas AI Analyst Workspace

  A premium, document-centric AI chat interface that moves beyond standard bubbles into a professional "editor" layout. Designed for power users, it features a floating glassmorphic command bar, a dedicated "Memory & Context" sidebar with interactive widgets, and rich data visualization blocks. The aesthetic combines a deep charcoal base with luxury bronze/orange accents, making it ideal for high-end SaaS tools, financial analysis dashboards, or enterprise AI assistants.

  Hamza Atig

  8 months ago

  538
• 
  Safari browser mockup

  Leon Bachmann

  3 years ago

  9.5k
• 
  Calculator

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

  Ameth Galarcio

  2 years ago

  2.5k
• 
  iPhone 15 Mockup

  The "Screen Content" div can be manipulated to have anything inside the screen.

  Coastal UI

  1 year ago

  2.1k