Breadcrumb

minimal modern breadcrumb design

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

Breadcrumb

Author OmKar Mehta

Tailwind v3.4 2.9k 6

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

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

Indra

1 year ago

1k
ULTIMATE SNAKE
(click to https://quantum-snake.netlify.app/ )ULTIMATE SNAKE is a modern reimagining of the classic Snake game, blending retro gameplay with enhanced visuals, power-ups, and a dynamic difficulty system. Designed for both casual players and high-score chasers, this game brings nostalgia and excitement in every move.

Code Master(Mfuranziza Dusabe Hamza)

1 year ago

1.3k
Your Creative Login Page
"Animated Image Login UI" "Tailwind Image Login with Animated Background" "Innovative User Login Experience" "Creative Bubble Background Login" "Login with Personality — Featuring Your Image" "Acode Master Animated Login" ✅ (customized for you)

Code Master(Mfuranziza Dusabe Hamza)

1 year ago

1.3k
Breadcrumbs

Prajwal Hallale

3 years ago

8.6k
home
search home

Uwera Dorcas

1 year ago

748
Productivity Dashboard UI
A modern developer productivity dashboard built using HTML, Tailwind CSS, JavaScript, and Chart.js. Features a premium SaaS-style UI with analytics cards, interactive charts, kanban sprint board, developer management table, live search functionality, responsive layouts, activity feeds, and modern frontend components. Designed for frontend developers to showcase dashboard architecture, UI/UX skills, responsive design systems, and interactive web application interfaces. Includes glassmorphism styling, developer workflow management, team collaboration sections, and portfolio-ready dashboard components optimized for modern admin experiences.

Ayyamperumal S

4 months ago

472
Breadcrumbs
Basic navigation trail with SVG icon

Anja Müller

2 years ago

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

Code Master(Mfuranziza Dusabe Hamza)

1 year ago

1.3k
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
Dash.OS: Drag & Drop Dashboard Widget System
A fully interactive, freeform dashboard builder for the browser. Drop in widgets, drag them anywhere, resize to fit, and your layout is automatically remembered. Ships with a live Chart.js revenue chart, KPI stats, a task tracker, and a notifications feed, all in a single zero-dependency HTML file with dark/light mode built in.

Ijila Itunu

6 months ago

940
Expandable File Tree with Tailwind and Vanilla JS with tailwinds 4
A simple and responsive file tree component built with Tailwind CSS and vanilla JavaScript. Each folder can be expanded or collapsed with smooth transitions, including the root directory. This component is useful for project explorers, code editors, or file management UIs.

Indra

1 year ago

1.2k
Home

Ramkesh Gupta

8 months ago

882