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

441

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

Mobile device mockup (iPhone 14 pro)
Smartphone (with dynamic island notch) mockup in tailwind

Author:
Prajwal Hallale

2 years ago

9.7k
Mac terminal mockup

Author:
Manon Daniel

1 year ago

8k
Show credit card details

Author:
Manuela Bianka

1 year ago

10.5k
Credit card mockup

Author:
Kofi Osei

1 year ago

11.3k
iPhone 15 Mockup
The "Screen Content" div can be manipulated to have anything inside the screen.

Author:
Coastal UI

1 month ago

285
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

1 month ago

389
Mac terminal mockup

Author:
Manon Daniel

1 year ago

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

2 months ago

440
Safari browser mockup

Author:
Leon Bachmann

1 year ago

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

Author:
Ameth Galarcio

4 months ago

886
Tablet device mockup

Author:
Prajwal Hallale

2 years ago

8.8k
A clock with Tailwind CSS

Author:
Michael Andreuzza

7 months ago

1.3k

Explore components by Tags

Didn't find component you were looking for?

Search from 1800+ components