Home
Sedat Kumcu
Simple Breadcrumb Example

Simple Breadcrumb Example

Simple Breadcrumb Example with Light and black background options.

This tailwind example is contributed by Sedat Kumcu, on 07-Nov-2024. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode.

Breadcrumb

Author Sedat Kumcu

2.4k

Fork Fullscreen

<div class="flex items-center text-gray-700 text-sm font-medium space-x-2">
    <a href="#" class="text-indigo-600 hover:text-indigo-800 transition-colors">Home</a>
    <span class="text-gray-400">/</span>
    
    <a href="#" class="text-indigo-600 hover:text-indigo-800 transition-colors">Category</a>
    <span class="text-gray-400">/</span>
    
    <a href="#" class="text-indigo-600 hover:text-indigo-800 transition-colors">Subcategory</a>
    <span class="text-gray-400">/</span>
    
    <span class="text-gray-500 font-semibold">Current Page</span>
</div>

<nav class="flex items-center text-gray-200 text-sm font-medium space-x-2 bg-black p-4 rounded">
    <a href="#" class="text-gray-300 hover:text-white transition-colors">Home</a>
    <span class="text-gray-500">/</span>
    
    <a href="#" class="text-gray-300 hover:text-white transition-colors">Category</a>
    <span class="text-gray-500">/</span>
    
    <a href="#" class="text-gray-300 hover:text-white transition-colors">Subcategory</a>
    <span class="text-gray-500">/</span>
    
    <span class="text-gray-100 font-semibold">Current Page</span>
</nav>

Related Examples

Home

Author:
Ramkesh Gupta

3 months ago

410
Breadcrumb

Author:
Rajesh Maheshwari

1 year ago

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

10 months ago

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

10 months ago

1.1k
SocialSphere: A Full-Stack Social Media Platform
SocialSphere is a full-stack social media platform inspired by Facebook, built using HTML CSS

Author:
Code Master(Mfuranziza Dusabe Hamza)

10 months ago

1.1k
Breadcrumbs
Basic navigation trail with SVG icon

Author:
Anja Müller

2 years ago

8.5k
Basic breadcrumb

Author:
Ava Brown

3 years ago

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

7 months ago

833
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.

Author:
Ijila Itunu

1 month ago

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

10 months ago

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

Author:
Code Master(Mfuranziza Dusabe Hamza)

6 months ago

624
Africa Solex Ltd
Description (ibisobanuro bya website) ni text ngufi isobanura neza icyo urubuga cyangwa sosiyete yawe ikora, ikaba ifasha no mu byerekeye SEO (Search Engine Optimization). Mu nyandiko za HTML, description ishyirwa muri meta tag muri <head>.

Author:
Ele Eriksen

10 months ago

565

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components