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.9kView 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.9kView 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.2kView 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

#dashboard-ui#kpi-visualization+3

Nordic Slate Dashboard Tile with Cinematic KPI & Sparkline

Explore a modern dashboard tile featuring vivid sparkline graphs and dynamic KPIs, perfect for real-time data visualization.

15View snippet

#notification#toast+4

Cyberpunk Neon Toasts with Orbiting Glow and Progress

Experience a vibrant notification system with neon accents and auto-dismiss progress bars. Effortlessly stack and manage your alerts like never before.

9View snippet

#calendar#cyberpunk+3

Cyberpunk Neon Kinetic Calendar with Dynamic Time Selection

Experience a vibrant and fluid event scheduler. Drag to select time ranges on a rich, kinetic background with expressive neon accents.

12View snippet

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

Nordic Slate Dashboard Tile with Cinematic KPI & Sparkline

Cyberpunk Neon Toasts with Orbiting Glow and Progress

Cyberpunk Neon Kinetic Calendar with Dynamic Time Selection