Home
OmKar Mehta
Breadcrumb

Breadcrumb

minimal modern breadcrumb design

This tailwind example is contributed by OmKar Mehta, on 04-Apr-2024. Component is made with Tailwind CSS v3. It is responsive.

Breadcrumb

Author OmKar Mehta

2.4k

Fork Fullscreen

<li class="flex items-center">
      <span class="px-1 text-lg text-gray-400">→</span>
      <a href="/category" class="font-medium text-gray-700">
        Categories
      </a>
    </li>

<li class="flex items-center">
      <span class="px-1 text-lg text-gray-400">→</span>
      <a href="/category/education-assistant" class="font-medium text-gray-700">
        Education Assistant
      </a>
    </li>

<li class="flex items-center" aria-current="page">
      <span class="px-1 text-lg text-gray-400">→</span>
      <span class="font-medium text-gray-600">
         ChatPDF
      </span>
    </li>
  </ul>
</nav>

Related Examples

Clean AI Chat UI with Tailwind CSS – ChatGPT-Style Interface
A polished and responsive AI chat interface built using modern Web Components and Tailwind CSS. This UI replicates the smooth, minimal experience of ChatGPT with a clean layout, floating input bar, animated scrollable message feed, and mock AI responses. Ideal for SaaS dashboards, AI assistants, or frontend prototypes. Designed with professional spacing, accessible colors, and reusable components. Key features: Responsive layout with mobile support Floating input bar with auto-expanding textarea Tailwind-powered message bubbles with clear sender roles Modern dark theme with subtle gradients and shadows Easily extendable to real AI APIs (e.g., OpenAI)

Author:
Ayyamperumal S

7 months ago

1.5k
Breadcrumb

Author:
Ron Hicks

3 years ago

10.6k
Breadcrumbs

Author:
Prajwal Hallale

2 years ago

8.5k
Breadcrumb

Author:
Laurits

2 years ago

11.4k
Acode Master
Acode Master is a skilled and passionate software developer known for mastering coding and creating innovative tech solutions. Specializing in modern web technologies like React.js, Node.js, PHP, and databases such as MySQL and PostgreSQL, Acode Master builds practical, efficient, and scalable applications. Beyond coding, Acode Master is dedicated to continuous learning, sharing knowledge, and empowering others through technology-driven projects and education.

Author:
Code Master(Mfuranziza Dusabe Hamza)

7 months ago

1.3k
Acode Master - FB & WhatsApp UI Combo
Description (meta description) ni tag ikoreshwa mu mutwe (head) wa HTML igaragaza mu ncamake icyo urubuga cyangwa urupapuro rwawe ruvuga. Iyi description ikoreshwa cyane na search engines (nka Google) mu kwerekana summary y’urubuga mu bisubizo by’ubushakashatsi.

Author:
Code Master(Mfuranziza Dusabe Hamza)

7 months ago

591
Skywings
used in traveling flight

Author:
INGRIDE MUZIRANENGE

1 month ago

193
Ai clone, chat ui
Chat interface for ai builder, dont toomuch focused on designing responsive

Author:
Abhiraj

11 months ago

1.8k
Breadcrumbs

Author:
Sophia Baker

3 years ago

10.4k
Breadcrum
Different styles of breadcrum component

Author:
Rajesh Maheshwari

9 months ago

1.1k
My Coding Journey
To transform a standard timeline into an engaging, scroll-driven narrative experience.

Author:
Code Master(Mfuranziza Dusabe Hamza)

3 months ago

330
background
A background is the area behind the content of an element (like a page, section, or div). It helps define the look and feel by adding colors, images, gradients, or patterns.

Author:
Code Master(Mfuranziza Dusabe Hamza)

7 months ago

827

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components