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.5kView 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

#ai chat#cyberpunk+5

Cyberpunk AI Chat Dashboard with Dynamic Orbital Glow

Revolutionize your AI interactions with this stunning, neon-infused chat interface. With dynamic status indicators and orbital animations, it captivates and informs.

29View snippet

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

15View 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

11View 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.