App Size Sensitivity has never been easier. When your main menu just isn't enough anymore, get some A.S.S. on the side.
Every site deserves responsive navigation. But who has time to implement it properly? That's where SidePiece comes in.
Your nav looks great on desktop but becomes a mess on mobile. Links overflow, buttons get squished, users get frustrated.
Building a proper hamburger menu means CSS, JavaScript, animations, accessibility, and drawer logic. Who has time for that?
Every site implements mobile nav differently. Some slide left, some right, some from top. Users never know what to expect.
SidePiece automatically detects your navigation and creates a beautiful, responsive drawer experience.
SidePiece automatically finds your navigation links. No configuration needed. It just works. Like magic, but with JavaScript.
Match your brand colors with simple config options. Background, text, accent colors - make the drawer feel like it belongs.
Butter-smooth slide transitions. The hamburger transforms into an X. The drawer glides in. Users swipe right on the experience.
Proper ARIA labels, keyboard navigation, focus trapping. Because everyone deserves quick in-and-out access.
Pure vanilla JavaScript. No jQuery. No React. No framework lock-in. Just drop in the script and let it handle the rest.
Respects the Universal Network Bar with proper offset. Your drawer won't awkwardly overlap the header. We thought of everything.
One script tag. That's it. SidePiece handles the rest. Your main nav doesn't need to know.
Responsive navigation shouldn't cost a fortune. Or anything at all, really.
Join thousands of sites that have discovered the joy of proper mobile navigation. Swipe right today.
Get SidePiece Free