Components

Build Your Way with WavyKits'
Components

Ready-to-use UI components for React, Vue, Alpine, and more. Built with Tailwind CSS, fully responsive with RTL support. From simple buttons to complex dashboards—just copy the code and start building.

Breadcrumb Navigation

Browse Tailwind CSS breadcrumb components. Hierarchical navigations, pill-style trails, toolbar breadcrumbs, gradient styles and segmented workspace paths. Responsive.

Hierarchical Breadcrumb Navigation Component

A responsive Tailwind CSS Breadcrumb component dynamically displaying a navigational hierarchy with clickable links for previous pages and a highlighted current page. Features smooth hover transitions, a home icon, styled with a modern, shadowed container component.

LTR

RTL

Gradient Minimalist Breadcrumb Component

A modern Tailwind CSS Breadcrumb navigation set against a subtle gradient background, featuring animated underlines on hover, custom vertical separators, and a card-styled active state component.

LTR

RTL

Pill-Style Breadcrumb Navigation Component

A compact, capsule-shaped Tailwind CSS Breadcrumb trail featuring a circular home button, clean separators, and a distinct high-contrast active state component.

LTR

RTL

Segmented Workspace Breadcrumb Component

A compact, toolbar-style Tailwind CSS Breadcrumb featuring vertical separators, a distinct active state with a status indicator, and a built-in utility action button component.

LTR

RTL

Toolbar-Style Breadcrumb with Back Action Component

A dual-purpose navigation bar featuring a prominent back button on the left and a detailed Tailwind CSS Breadcrumb path with a visual active state indicator on the right component.

LTR

RTL