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

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

8 months ago

1.7k
Acode master
Acode master(=>good work for Acode master)

Author:
Code Master(Mfuranziza Dusabe Hamza)

8 months ago

847
Simple Breadcrumbs
simple yet modern breadcrumbs UI

Author:
EliteAI Tools

1 year ago

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

Author:
Indra

4 months ago

375
Mfuranziza Hamza
Mfuranziza Hamza full development

Author:
Code Master(Mfuranziza Dusabe Hamza)

5 months ago

731
Breadcrumb

Author:
Ron Hicks

3 years ago

10.6k
ACODE MASTER — Cyberpunk Full Stack Developer from Rwanda
"I’m ACODE MASTER — a visionary Full Stack Developer from Rwanda, blending cutting-edge tech with bold design. I specialize in building modern web applications using React, Node.js, and TailwindCSS, inspired by the cyberpunk aesthetic and driven by a passion for digital innovation. Welcome to the future of code."

Author:
Code Master(Mfuranziza Dusabe Hamza)

8 months ago

1.5k
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)

8 months ago

1.3k
home
search home

Author:
Uwera Dorcas

8 months ago

353
Basic breadcrumb

Author:
Ava Brown

2 years ago

9.5k
Simple Breadcrumb Example
Simple Breadcrumb Example with Light and black background options.

Author:
Sedat Kumcu

1 year ago

2.3k
Breadcrumbs
Basic navigation trail with SVG icon

Author:
Anja Müller

2 years ago

8.3k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components