Are these UI examples free?

Footer Components

Site footers with links, newsletters, and multi-column layouts for marketing and docs sites.

Bootstrap & classic snippets

View all →

#breadcrumb#navigation+2

Breadcrumb Navigation

Free Bootstrap 5 navbar snippet — Breadcrumb Navigation. Preview, copy HTML, drop it into any Bootstrap 5 project.

1.6kView snippet

Responsive Navbar — Bootstrap 5 snippet preview

#navbar#responsive+2

★ Featured

Responsive Navbar

Responsive Navbar — a free Bootstrap 5 navbar snippet. Copy the HTML and paste straight into your Bootstrap 5 project.

4.8kView snippet

Site footers with links, newsletters, and multi-column layouts for marketing and docs sites.

About Footer Components

Site footers with links, newsletters, and multi-column layouts for marketing and docs sites. Browse matching Bootstrap snippets and Tailwind components below — copy, preview, and ship faster.

Frequently asked questions

Yes — MIT licensed on GoSnippets.

#dropdown#select+2

Custom Dropdown Select Menu

Custom Dropdown Select Menu: a hand-crafted, open-source Bootstrap 5 navbar. HTML, CSS & JS included, ready to copy.

2.8kView snippet

#sidebar#navigation+3

Good looking slim sidebar menu

Good looking slim sidebar menu: a hand-crafted, open-source Bootstrap 5 navbar. HTML & CSS included, ready to copy.

2.1kView snippet

#responsive#navbar+3

Responsive Navbar design with gradient effect on hover

Add a navbar to your UI with Responsive Navbar design with gradient effect on hover. Free Bootstrap 5 code — HTML, CSS & JS ready to copy, MIT licensed.

3.8kView snippet

#breadcrumb

Awesome Breadcrumb design

Awesome Breadcrumb design — a free Bootstrap 5 navbar snippet. Copy the HTML & CSS and paste straight into your Bootstrap 5 project.

1.2kView snippet

#breadcrumb

Interlocking Breadcrumb Ribbon Style Arrows

Free Bootstrap 5 navbar snippet — Interlocking Breadcrumb Ribbon Style Arrows. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.

1.4kView snippet

#breadcrumb

LTR RTL Fancy Breadcrumb

LTR RTL Fancy Breadcrumb: a hand-crafted, open-source Bootstrap 5 navbar. HTML & CSS included, ready to copy.

1.6kView snippet

#dropdown#menu+2

Advanced Drop-down Menu using HTML CSS and JavaScript with…

Add a navbar to your UI with Advanced Drop-down Menu using HTML CSS and JavaScript with…. Free Bootstrap 5 code — HTML, CSS & JS ready to copy, MIT licensed.

2.9kView snippet

#sidebar#sidebar-menu+2

Side Navigation Menu Bar with pure CSS

Side Navigation Menu Bar with pure CSS — a free Bootstrap 5 navbar snippet. Copy the HTML & CSS and paste straight into your Bootstrap 5 project.

5.1kView snippet

#navbar#Bootstrap-5+2

Horizontal Bar with Months of the Year

Horizontal Bar with Months of the Year — a free Bootstrap 5 navbar snippet. Copy the HTML & JS and paste straight into your Bootstrap 5 project.

1.6kView snippet

#menu#mega-menu+1

Pure CSS Responsive Menu Mobile -Touch-Friendly

Free Bootstrap 5 navbar snippet — Pure CSS Responsive Menu Mobile -Touch-Friendly. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.

1.6kView snippet

#navbar#navigation+2

Pure CSS nav bar — Bootstrap navbar snippet

Pure CSS nav bar — Bootstrap navbar snippet: a hand-crafted, open-source Bootstrap 5 navbar. HTML & CSS included, ready to copy.

3.8kView snippet

#ecommerce#navbar+3

Bootstrap 5 e-commerce navigation with product snippet

Bootstrap 5 e-commerce navigation with product snippet: a hand-crafted, open-source Bootstrap 5 navbar. HTML & CSS included, ready to copy.

12.5kView snippet

#navbar#navigation+1

Bootstrap Transparent navbar example

Bootstrap Transparent navbar example — a free Bootstrap 5 navbar snippet. Copy the HTML, CSS & JS and paste straight into your Bootstrap 5 project.

13.3kView snippet

#tabs#animation+3

Elastic Active Tab Animation snippet using only HTML & CSS

Free Bootstrap 5 navbar snippet — Elastic Active Tab Animation snippet using only HTML & CSS. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.

12.0kView snippet

#dropdown#menu

Advanced Drop-down Menu using HTML CSS & JavaScript snippet

Advanced Drop-down Menu using HTML CSS & JavaScript snippet — a free Bootstrap 5 navbar snippet.

7.3kView snippet

#animation#navbar+1

Tab Bar Interaction with animation

Free Bootstrap 5 navbar snippet — Tab Bar Interaction with animation. Preview, copy HTML, CSS & JS, drop it into any Bootstrap 5 project.

2.8kView snippet

#material-design#breadcrumb

Bootstrap Breadcrumb & Material Design Breadcrumb snippets

Add a navbar to your UI with Bootstrap Breadcrumb & Material Design Breadcrumb snippets. Free Bootstrap 5 code — HTML & CSS ready to copy, MIT licensed.

1.9kView snippet

#breadcrumb

Bootstrap Breadcrumb snippet

Free Bootstrap 5 navbar snippet — Bootstrap Breadcrumb snippet. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.

2.0kView snippet

#menu#mega-menu+2

Responsive Mega Menu snippets

Free Bootstrap 5 navbar snippet — Responsive Mega Menu snippets. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.

3.6kView snippet

#switch#toggle+2

Light/Dark Mode switch toggle Navigation Bar

Free Bootstrap 5 navbar snippet — Light/Dark Mode switch toggle Navigation Bar. Preview, copy HTML, CSS & JS, drop it into any Bootstrap 5 project.

4.1kView snippet

#dropdown#menu

Vue JS Dropdown Menu Component

Free Bootstrap 5 navbar snippet — Vue JS Dropdown Menu Component. Preview, copy HTML, CSS & JS, drop it into any Bootstrap 5 project.

4.6kView snippet

#responsive#sidebar-menu+3

Responsive Sidebar Navigation for Dashboard

Responsive Sidebar Navigation for Dashboard: a hand-crafted, open-source Bootstrap 5 navbar. HTML & CSS included, ready to copy.

18.1kView snippet

#footer#animation

CSS footer animation

Free Bootstrap 5 utility snippet — CSS footer animation. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.

14.2kView snippet

Related collectionsNavbar Hero Section

Trending now

Trending Bootstrap and Tailwind examples related to this topic.

View all trending

#kanban#interactive+3

Midnight Violet Drag-n-Drop Kanban Board with Frosted Neon Cards

Effortlessly manage tasks with our frosted glass-like Kanban board—enhanced by neon glow animations and a drag-to-reorder interface for seamless workflow.

19View snippet

#profile-card#partner-card+4

Luxury Partner Profile Card UI

An elegant luxury-inspired partner profile card component with editorial typography, premium gradients, ornamental dividers, achievement stats, and sophisticated action buttons. Perfect for agency por

14View snippet

#kanban#synthwave+3

Retro Synthwave Kanban Board with Draggable Glass Cards

Transform your workflow with a vibrant Kanban board featuring draggable frosted glass cards, layered over a captivating synthwave backdrop.

13View snippet

Trending now

Trending Bootstrap and Tailwind examples related to this topic.

Neon Music Player Widget

Compact music player with album art, animated equaliser bars, scrubber, elapsed/remaining time and play controls. Pure CSS keyframes drive the EQ pulse and the neon ring around the album art.

React#pricing#toggle+3

Animated Pricing Toggle

Three-plan pricing layout with a monthly/yearly toggle. Price values cross-fade with a slide animation, popular plan glows, yearly savings banner.

React#upload#dropzone+3

Drag-and-Drop File Upload

Animated drop zone with drag-over glow, queued file thumbnails, per-file progress bars that auto-fill, and a successful-state checkmark. Click "Browse" or drop files anywhere on the zone.

Maya

230

Ranked by views and likes from the last 30 days.

Footer Components

Bootstrap & classic snippets

Breadcrumb Navigation

Responsive Navbar

About Footer Components

Frequently asked questions

Custom Dropdown Select Menu

Good looking slim sidebar menu

Responsive Navbar design with gradient effect on hover

Awesome Breadcrumb design

Interlocking Breadcrumb Ribbon Style Arrows

LTR RTL Fancy Breadcrumb

Advanced Drop-down Menu using HTML CSS and JavaScript with…

Side Navigation Menu Bar with pure CSS

Horizontal Bar with Months of the Year

Pure CSS Responsive Menu Mobile -Touch-Friendly

Pure CSS nav bar — Bootstrap navbar snippet

Bootstrap 5 e-commerce navigation with product snippet

Bootstrap Transparent navbar example

Elastic Active Tab Animation snippet using only HTML & CSS

Advanced Drop-down Menu using HTML CSS & JavaScript snippet

Tab Bar Interaction with animation

Bootstrap Breadcrumb & Material Design Breadcrumb snippets

Bootstrap Breadcrumb snippet

Responsive Mega Menu snippets

Light/Dark Mode switch toggle Navigation Bar

Vue JS Dropdown Menu Component

Responsive Sidebar Navigation for Dashboard

CSS footer animation

Trending Bootstrap snippets

Midnight Violet Drag-n-Drop Kanban Board with Frosted Neon Cards

Luxury Partner Profile Card UI

Retro Synthwave Kanban Board with Draggable Glass Cards

Trending Tailwind components

Neon Music Player Widget

Animated Pricing Toggle

Drag-and-Drop File Upload