Framer Sidebar — What I Saw

From 4 screenshots (Container x2, Text/h1 x2).

• No tabs anywhere
• One long scroll
• Top: alignment row (always visible, no accordion)
• Then: stacked accordions, same list for every component
• Each accordion title has + on the right = expand/collapse (just styled flat, no card chrome)
• Some row labels also have a small + = same thing, per-row collapse
• (i) info icon next to some titles

• Link
• Position
• Size
• Effects
• Overlays
• Cursor
• Styles
• Transforms
• Text
• Scroll Section
• Accessibility
• Code Overrides

Link

• Link To: Page or URL placeholder

Position

• Type: Relative (dropdown)

Size

• Width: number + Fill (dropdown)
• Height: number + Fit (dropdown)
• Grow: 3 icon buttons (←→, ↕, ⤡)
• Min Max: Add… input

Effects

• Text: chip "Effect" with x

Overlays

• collapsed

Cursor

• collapsed

Styles

• Opacity: number + slider
• Visible: Yes / No toggle

Transforms

• Rotate: number° + 2D / 3D toggle (only visible when set)

Text

• Styles: chip "Body L (L)" or "Heading 1 (L)" with x
• Content: text input
• Color: Add… swatch
• Align: 4 icon buttons (left/center/right/justify)

Scroll Section

• collapsed, has (i)

Accessibility

• has (i)
• Tag: p / h1 (dropdown)

Code Overrides

• collapsed

• Dropdown
• Number + unit dropdown (1fr Fill, 32 Fit)
• Slider + number (Opacity)
• Toggle pills (Yes/No, 2D/3D)
• Icon button row (Grow, Align)
• Chip with x (Effects, Styles)
• Color swatch with Add…
• Plain text/number input

• All accordions, just styled flat (no card chrome, thin dividers, + instead of chevron)
• Same accordion set for every component (Container has Text accordion too)
• Component identity (Container vs h1) lives only in Accessibility > Tag
• No per-component panel curation — universal layout