Linkedin Post

This tailwind example is contributed by $@(\/)(\/)¥, on 10-May-2024. Component is made with Tailwind v3.4. It is responsive. It supports dark mode. similar terms for this example are blog page template, article page template,copy

Blog post page Clone

$$@(\/)(\/)¥ profile image$

Author $@(\/)(\/)¥

Tailwind v3.4 5.4k 9

Fork Fullscreen

<link rel="stylesheet"
    href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />

<div class="flex sm:px-4 mt-2 justify-between">
                <div
                    class="flex items-center gap-2 p-2 rounded-sm cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700">
                    <span class="material-symbols-outlined text-blue-400">panorama</span>
                    <h3 class="text-sm font-semibold text-gray-600 dark:text-gray-300">Media</h3>
                </div>

<div
                    class="flex items-center gap-2 p-2 rounded-sm cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700">
                    <span class="material-symbols-outlined text-yellow-700">calendar_month</span>
                    <h3 class="text-sm font-semibold text-gray-600 dark:text-gray-300">Event</h3>
                </div>

<div
                    class="flex items-center gap-2 sm:p-2 xs:p-1 rounded-sm cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700">
                    <span class="material-symbols-outlined text-orange-400">newsmode</span>
                    <h3 class="text-sm sm:font-semibold xs:truncate text-gray-600 dark:text-gray-300">Write article</h3>
                </div>
            </div>
        </div>
    </div>
</div>

Related Examples

Google.com search page clone

Mr Robot

4 years ago

12.2k
A Captivating Blog Post
Blog post page that grabs attention with a headline hero, immerses readers in compelling content, and delights them with visually appealing elements.

$$@(\/)(\/)¥$ $@(\/)(\/)¥

2 years ago

5.4k
Blog post template with responsive sidebar

R.P Ketan

3 years ago

12.6k
Simple blog layout

Shakti

3 years ago

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

Hamza Atig

1 year ago

1.4k
Code Editor UI
Simple code editor prototype made with HTML and TailwindCSS. A lightweight template to explore and customize.

Indra

1 year ago

1k
Card template

Raul antonio de la cruz hernandez

9 months ago

540
Blog Article Template
blog article template

Anonymous

3 years ago

15.9k
Linkedin Add to your feed Clone
Linkedin Add to your feed Clone

$$@(\/)(\/)¥$ $@(\/)(\/)¥

2 years ago

3.8k
TailwindFlex – Creative Animated Home Experience
"Innovative Home with Tailwind Animated Background" "Animated Hero – TailwindFlex Design" "Smooth UI – Creative Motion with Tailwind CSS" "Home Harmony – Motion Meets Design" "TailwindFlex Home – Fluid Animation & UI"

Code Master(Mfuranziza Dusabe Hamza)

1 year ago

1.7k
Jobs recommended for you
This HTML page is a responsive, dark-mode-friendly job recommendation interface designed using Tailwind CSS. It displays job listings in a card format, each showing: A colorful header background. A company logo/profile image styled as a rounded thumbnail. A job title (e.g., Senior Product Designer). A company name. A location with an icon. Job type (e.g., Full-time). Time since posting (e.g., 2d ago).

Code Master(Mfuranziza Dusabe Hamza)

1 year ago

1.1k
Facebook Login page
Facebook Login page

Rehman Arshad

2 years ago

3.7k