Sidebar Layouts

Brand sidebar with light header

Requires JS

Preview Preview Code

HTML React Vue

HTML React Vue

Copy code Copied!

• HTML
• React
• Vue

Dark sidebar with light header

Requires JS

Preview Preview Code

HTML React Vue

HTML React Vue

Copy code Copied!

• HTML
• React
• Vue

Light sidebar with light header

Requires JS

Preview Preview Code

HTML React Vue

HTML React Vue

Copy code Copied!

• HTML
• React
• Vue

Brand sidebar

Requires JS

Preview Preview Code

HTML React Vue

HTML React Vue

Copy code Copied!

• HTML
• React
• Vue

Dark sidebar

Requires JS

Preview Preview Code

HTML React Vue

HTML React Vue

Copy code Copied!

• HTML
• React
• Vue

Light sidebar with constrained content area

Requires JS

Preview Preview Code

HTML React Vue

HTML React Vue

Copy code Copied!

• HTML
• React
• Vue

Light sidebar with light background

Requires JS

Preview Preview Code

HTML React Vue

HTML React Vue

Copy code Copied!

• HTML
• React
• Vue

Light sidebar

Requires JS

Preview Preview Code

HTML React Vue

HTML React Vue

Copy code Copied!

• HTML
• React
• Vue