Back to Marketplace
navigationv0.1.0
Floating Sidebar
QA 100%
Inset translucent sidebar with blur and panel shadow floating over the app background, with navigation and a bills-due reminder; becomes a floating top bar on mobile.
>npx @shavin/cli add @avinash/sidebar-floating
WiseOwl
Good morning, Maya
Everything synced 4 minutes ago. Two budgets need a look this week.
Net worth
$184,276.52
Up $2,914.08 since August
Left to spend
$1,284.60
18 days left in September
Block Specifications
Shavin primitives
Tags
#navigation#sidebar#floating#translucent#app
Quality Score
Tokens:100%
A11y AAA:100%
Geometry:100%
Security:100%
View full scorecard breakdown
Verified BlockSemantic token compliant
Tokens
100%
A11y AAA
100%
Geometry
100%
Security
100%
Studio AST Serialization (BlockNode JSON)View JSON Tree
{
"type": "BlockNode",
"slug": "sidebar-floating"
}Creator Profile
Avinash Bussa
@avinash
Creator of @shavin/ui. Design systems architect & DX fanatic.
Core MaintainerVerified CreatorDesign QA Expert
Total Forks
4820
Total Upvotes
12450
