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

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

Acode master
Welcome to Hamza's official portfolio — a creative developer blending modern design with powerful code. Explore animations, projects, and innovations crafted with HTML, Tailwind CSS, and passion.

Author:
Code Master(Mfuranziza Dusabe Hamza)

4 months ago

366
Personal Portfolio Website
Nziza HAMZY 😎! Reka dukore full TailwindCSS Portfolio yuzuye na: Hero Section About Section Projects Section (cards) Contact Form Animations & hover effects Fully responsive for mobile

Author:
Code Master(Mfuranziza Dusabe Hamza)

1 month ago

352
home
search home

Author:
Uwera Dorcas

4 months ago

162
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)

4 months ago

289
Breadcrumb with icon

Author:
Samuel Dawson

2 years ago

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

5 months ago

1.1k
Breadcrumbs
Basic navigation trail with SVG icon

Author:
Anja Müller

2 years ago

8k
Hero Section
Responsive Hero Section for you Project Background Image: A stunning, high-quality Unsplash photo that creates a unique visual impact. Overlay: Semi-transparent black overlay with blur effect for readability and a modern aesthetic. Content Area: Centered with a gradient background overlay for contrast, bold headline, engaging subtext. Buttons: Vibrant gradient and clean border with smooth hover animations to draw attention. Responsive Design: Looks great on all screen sizes with adaptable padding and font sizes.

Author:
KULDEEP

3 months ago

908
Breadcrumb

Author:
Rajesh Maheshwari

7 months ago

654
Breadcrumb

Author:
Gopi Yadav

3 years ago

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

Author:
Code Master(Mfuranziza Dusabe Hamza)

3 weeks ago

152
Basic breadcrumb

Author:
Ava Brown

2 years ago

9.4k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components