Home
$@(\/)(\/)¥
Linkedin Post

Linkedin Post

This tailwind example is contributed by $@(\/)(\/)¥, on 10-May-2024. Component is made with Tailwind CSS v3. 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 $@(\/)(\/)¥

4.7k

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

simple responsive blog layout with sidebar

Author:
Isabella Kowalski

3 years ago

9.6k
Blog Article Template
blog article template

Author:
Anonymous

2 years ago

15.2k
Card template

Author:
Raul antonio de la cruz hernandez

1 month ago

70
LinkedIn Post UI Mockup
A static HTML and Tailwind CSS component designed to replicate the user interface of a LinkedIn post. This mockup accurately represents the post structure including the header (avatar, name, headline, timestamp), content area (text, optional media), engagement statistics (likes, comments, reposts), and the action bar (Like, Comment, Repost, Send). It's fully responsive, supports light and dark themes, and uses appropriate iconography and styling to closely mimic the LinkedIn feed experience.

Author:
Hamza Atig

10 months ago

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

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

1 year ago

4.6k
newPost

Author:
farisubuntu

1 year ago

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

Author:
Indra

5 months ago

470
Simple dialpad

Author:
Brandon D

2 years ago

11.5k
blog card
template de blog

Author:
Raul antonio de la cruz hernandez

2 months ago

65
Notification
Dev Community Notification Clone

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

1 year ago

3.2k
Kids E-learning Platform Card
Kids E-learning Platform Card Clone

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

1 year ago

1.8k
Website Pricing List Card Component
Website Pricing List Card Component with Package Names: Basic Package → Starter Website Premium Package → Business Website Professional Package → E-Commerce Solution Pricing Structure: Increased prices significantly to reflect web development services one-time payment model FAQ Content.

Author:
Ayyamperumal S

10 months ago

1.5k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components