Sidebar Navigation
Designed for deep customization while staying easy to manage — dive into the component and tailor it exactly to your needs.
Only objects that use variables are shown automatically — no need to manually deselect layers or hunt through the component.
Adaptive sidebar layout that scales with the component width
Smooth, polished animations for interactions and transitions
Unique interactive hover states for navigation links
Support for up to 8 navigation links
Fully customizable via variables, no deep layer management required
Custom SVG support for icons and link elements
Pre-made social media icons included
Variables include:
Menu background (color, style)
Button styles
Link hover behavior (color, SVG, radius)
Link behavior (interaction states)
Typography control for headlines and links
Visibility logic that only exposes variable-driven objects
Set the component width to 100%, use Fill, or pin it left & right when the component is fixed to make the sidebar scale seamlessly across both edges of the phone screen.
Till Janek
