Vagibond
Vagibond

Follow Vagibond

Stay connected with us on social media for updates on new ventures.

Thanks for subscribing!

Expose what's in your drawers.

App Size Sensitivity has never been easier. When your main menu just isn't enough anymore, get some A.S.S. on the side.

768px
Breakpoint
1 Line
Integration
100%
Touch Sensitive

When your main menu isn't enough.

Every site deserves responsive navigation. But who has time to implement it properly? That's where SidePiece comes in.

📱

Screen Size Issues

Your nav looks great on desktop but becomes a mess on mobile. Links overflow, buttons get squished, users get frustrated.

🔨

Hamburger Hassle

Building a proper hamburger menu means CSS, JavaScript, animations, accessibility, and drawer logic. Who has time for that?

🔄

Inconsistent Experience

Every site implements mobile nav differently. Some slide left, some right, some from top. Users never know what to expect.

Sensitive to every touch

SidePiece automatically detects your navigation and creates a beautiful, responsive drawer experience.

🔎

Auto-Detection

SidePiece automatically finds your navigation links. No configuration needed. It just works. Like magic, but with JavaScript.

🎨

Theme Customization

Match your brand colors with simple config options. Background, text, accent colors - make the drawer feel like it belongs.

🔄

Smooth Animations

Butter-smooth slide transitions. The hamburger transforms into an X. The drawer glides in. Users swipe right on the experience.

🔒

Accessibility Built-in

Proper ARIA labels, keyboard navigation, focus trapping. Because everyone deserves quick in-and-out access.

🚀

Zero Dependencies

Pure vanilla JavaScript. No jQuery. No React. No framework lock-in. Just drop in the script and let it handle the rest.

🌐

Network Bar Aware

Respects the Universal Network Bar with proper offset. Your drawer won't awkwardly overlap the header. We thought of everything.

Quick in-and-out access

One script tag. That's it. SidePiece handles the rest. Your main nav doesn't need to know.

<!-- Add before </body> -->
<script src="https://sidepiece.vagibond.com/sidepiece-core.js"></script>

<!-- Optional: Custom configuration -->
<script>
  SidePiece.init({
    theme: {
      background: '#1a1a2e',
      text: '#ffffff',
      accent: '#e94560'
    }
  });
</script>

Every site deserves a SidePiece

Responsive navigation shouldn't cost a fortune. Or anything at all, really.

Starter

Curious

Free
  • Auto-detection of nav links
  • Standard 768px breakpoint
  • Basic theming
  • "Powered by SidePiece" footer
  • Community support
Enterprise

Exclusive

$49/mo
  • Everything in Committed
  • Unlimited sites
  • White-label solution
  • Custom animations
  • SLA guarantee
  • Dedicated account manager

Ready to expose what's in your drawers?

Join thousands of sites that have discovered the joy of proper mobile navigation. Swipe right today.

Get SidePiece Free