---
title: "Bottom Navigation — Free Framer component · Best of Framer"
description: "Free Framer component · by Omakase Design · Navigation. Sticky Bottom Nav is a sleek, mobile-friendly bottom navigation bar for Framer, designed to stay anchored and accessible as users scroll."
canonical: "https://framer.elliotli.dev/component/bottom-navigation"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Bottom Navigation

# Bottom Navigation

[View on Framer](https://framer.com/marketplace/components/bottom-navigation/?via=elliot-li)

![Bottom Navigation preview image 1](https://framer.elliotli.dev/og/component/bottom-navigation/f1af5b9f8c32dafa/1600x1200.jpg)

## Summary

Sticky Bottom Nav is a sleek, mobile-friendly bottom navigation bar for Framer, designed to stay anchored and accessible as users scroll.

## Description

**Sticky Bottom Nav** is a sleek, mobile-friendly bottom navigation bar for Framer, designed to stay anchored and accessible as users scroll. It keeps key actions always within reach, blending subtle motion with intuitive usability.

With smooth sticky positioning and animated icon states, it creates a modern, app-like browsing experience that feels natural across devices. The component adapts seamlessly to any layout, supports variable icon sets, and maintains perfect alignment on all screen sizes—ideal for projects that value both function and polish.

[Preview Link](https://oma-sticky-bottom-nav.framer.website/)

**Use cases.**

-   Persistent mobile navigation for product sites, portfolios, and landing pages.
    
-   Web app prototypes or dashboards that need bottom-aligned, fixed navigation.
    
-   E-commerce or SaaS sites aiming for native app-style UX continuity.
    
-   Interactive demos or case studies where simple, elegant navigation enhances focus.
    
-   Design systems and template kits that require a ready-to-use sticky nav pattern.
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #5431

## Details

- **Author**: Omakase Design
- **Published**: 2025-12-05
- **Updated**: 2025-12-05
- **Added**: 2025-11-28
- **Categories**: Navigation

## More like this

-   [Reveal Navigations](/component/reveal-navigations) — Design Supply · Free — A calmer way to open your menu
-   [Collapsible Sidebar](/component/collapsible-sidebar) — Marso Angelov · $10 — Responsive Side Navigation
-   [Dial Picker](/component/dial-picker) — Tanmay Kaper · $14 — A machined dial for your projects
-   [Expanding Side Menu](/component/expanding-side-menu) — Russet Supply · $5 — Animated Framer Navigation