Skip to content

Conversation

@zdiegoramos
Copy link

@zdiegoramos zdiegoramos commented Dec 2, 2025

Wireframe

A component system for building fixed/sticky navigation layouts with automatic content spacing. Define your navbar and sidebar dimensions once, and the content area adjusts automatically.

Playground Demo (A Work In Progress 🚧)
Github Repository
Docs

What It Does

  • Automatic spacing: Content automatically adjusts margins based on navbar/sidebar presence and dimensions
  • Multiple navigation types: Fixed top/bottom navs, sticky navs, responsive navs, and collapsible sidebars
  • Corner control: Define which element (navbar or sidebar) occupies each corner
  • CSS variable-driven: Configure all dimensions and offsets through CSS variables
  • Multiple instances: Use different configurations for different sections (e.g., blog vs. dashboard)
  • PWA support: Automatic safe area handling for mobile devices with notches, rounded corners, and home indicators
Screenshot 2025-12-02 at 11 55 21 PM wireframe-og

@vercel
Copy link

vercel bot commented Dec 2, 2025

@zdiegoramos is attempting to deploy a commit to the shadcn-pro Team on Vercel.

A member of the Team first needs to authorize it.

@zdiegoramos
Copy link
Author

zdiegoramos commented Dec 3, 2025

This component does not replace the sidebar component. Instead it can be used to improve and simplify the sidebar component.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant