Home
Anonymous
Mac terminal mockup

Mac terminal mockup

Forked from> @manon-daniel/mac-terminal-mockup-2

This tailwind example is contributed by Anonymous, on 20-Sep-2024. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode. similar terms for this example are simulation,copy,dummy,miniature,like

Mockup

Author Anonymous

1.7k

Fork Fullscreen

<div class="bg-black rounded-md p-4 max-w-md mx-auto mt-20">
    <div class="flex items-center mb-2">
        <div class="h-3 w-3 rounded-full mr-2 bg-red-500"></div>
        <div class="h-3 w-3 rounded-full mr-2 bg-yellow-500"></div>
        <div class="h-3 w-3 rounded-full bg-green-500"></div>
    </div>
    <div class="text-white">
        <span class="font-bold"></span><span class="ml-1">~$</span>
        <span class="ml-2">name:</span>
    </div>
    <div class="text-gray-300 pl-5">
    <pre>        binnichtaktiv</pre>

</div>
    <div class="text-white">
        <span class="font-bold"></span><span class="ml-1">~$</span>
        <span class="font-bold">age:</span><span class="ml-1"></span>
            <pre>          18</pre>
    </div>
    <div class="text-white">
        <span class="font-bold"></span><span class="ml-1">~$</span>
        <span class="font-bold">location:</span><span class="ml-1"></span>
            <pre>           🇩🇪</pre>
    </div>
        <div class="text-white">
        <span class="font-bold"></span><span class="ml-1">~$</span>
        <span class="font-bold">what i do:</span><span class="ml-1"></span>
            <pre>           student specializing in IT</pre>
    </div>
    
</div>

Related Examples

YouTube Community Post UI Mockup
A static HTML and Tailwind CSS component mimicking the user interface of a YouTube Community Post. This mockup features the channel header (avatar, name, verified badge, timestamp), post content (text and optional media), engagement actions (Like, Dislike, Comment, Share with counts), and the 'Add a comment' section. It's designed to be responsive, supports YouTube's light and dark themes via custom styling, and uses accurate iconography.

Author:
Hamza Atig

10 months ago

1.2k
COMPLETE SYSTEM FAILURE

Author:
Bruz

5 months ago

742
Safari browser mockup (dark)

Author:
Leon Bachmann

3 years ago

10.7k
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.

Author:
Hamza Atig

4 months ago

1.2k
Credit card mockup - 2

Author:
Fabio Daneluzzi

8 months ago

863
Mac terminal mockup

Author:
Manon Daniel

3 years ago

10.9k
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

10 months ago

774
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

10 months ago

1.6k
iPhone 15 Mockup

Author:
cameron202518

1 year ago

884
Hero donate
the donation hero

Author:
Uwera Dorcas

9 months ago

754
Active Beauty Main Page

Author:
Maxim

11 months ago

1.2k
Credit card mockup

Author:
Kofi Osei

3 years ago

12.9k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components