App Style Bottom Navigation
An app-style bottom bar for mobile: your key sections as tabs, a raised center action button, and a More sheet for everything else.
Copied 0 times.
Members only
This design needs a membership.
Today's price: $1/month, locked forever once you join.
What it does
The bottom navigation gives your mobile visitors what apps trained their thumbs to expect: your key sections as tabs along the bottom, your one big action raised in the middle, and a More sheet for everything else. It only appears on phones, where your regular menu is hardest to reach.
- Every tab links to a real page of yours; inventing pages is banned.
- The tab for the page someone's on lights up in your accent color.
- The raised center button carries your single most important action.
- The More sheet slides up with the rest of your sections and closes on a tap outside, Escape, or a pick.
- The page gets padding, so the bar never covers your content.
How it works
- 1Type your tab labels, comma separated, or leave the box empty and your AI picks your site's main sections.
- 2Name the center action, like Join or Order, or leave it blank to build the bar without one.
- 3Pick the center button's shape and what the More sheet looks like.
- 4Copy the prompt, the bar's complete instructions for your AI, into whichever AI you use.
- 5Check it on your phone: real links on every tab, the current page lit up, and nothing hiding behind the bar.
- 6Shrink and grow the window: the bar should exist on phone sizes only, handing back to your normal menu on desktop.
What you can customize
- Tab labels: your own words, comma separated; blank lets your AI choose the 3 or 4 sections that matter most.
- Center action: your one key action's label; blank removes the center button and spaces the tabs evenly.
- Center button shape: raised circle, pill, or rounded square, whichever suits your style.
- More sheet: a grid of little icon cards, a simple list, or none if the tabs cover everything.
You'll also like
😎
Something big is coming, and timing is everything.
…
2.5 million members, 5,000 spots, you do the math.
😎
Countdown Teaser Section
A bold full-width teaser block: one hype line, a giant live countdown, and a stat line with the key numbers in pills.
App Download Banner
A smart app banner that detects the visitor's OS and links to the right store. Dismiss memory included.
Review Stars Strip
An aggregate rating strip: stars, score, review count, and where the reviews live. Real numbers only.