Splendid layouts
Splendid Labz
Astro
Svelte
Layouts
Styles
Utils
Newsletter
Community
Login
Community
Get help
Account
Logout
02vertical
00summary
01getting Started
Introduction
Installation
Philosophy
02guides
Using Tailwind
CSS Variables
Responsive Layouts
Not using Tailwind
03shell Layouts
Shell Simple
02features
03guide
04css
05api
Shell Grid
02features
03guide
04css
05api
04macro Layouts
Wrap
01features
02guide
03css
04api
Grid Simple
01features
02guide
03css
04api
Grid Fr Auto
01features
02guide
03css
04api
Grid Auto Fr
01features
02guide
03css
04api
Grid With Breakout
01features
02guide
03css
04api
Grid Gallery
01features
02guide
03css
04api
Grid Flex
01features
02guide
03css
04api
Masonry
01features
02guide
03css
04api
Subgrid
01features
02guide
03css
04api
05micro Layouts
Horizontal
01features
02guide
03css
04api
Vertical
01features
02guide
03css
04api
Flow
01features
02guide
03css
04api
Stack
01features
02guide
03css
04api
Dividers
01features
02guide
03css
04api
Breakout
01features
02guide
04api
Scrollable
01features
02guide
03css
04api
Container
01features
02guide
03css
New Stacking Context
01features
02guide
03css
06positioning
Position
01features
02guide
03css
04api
Edge
01features
02guide
03css
04api
Fixed
01features
02guide
03css
04api
Nudge
01features
02guide
03css
04api
Sticky
01features
02guide
03css
04api
01getting Started
Introduction
Installation
Philosophy
02guides
Using Tailwind
CSS Variables
Responsive Layouts
Not using Tailwind
03shell Layouts
Shell Simple
02features
03guide
04css
05api
Shell Grid
02features
03guide
04css
05api
04macro Layouts
Wrap
01features
02guide
03css
04api
Grid Simple
01features
02guide
03css
04api
Grid Fr Auto
01features
02guide
03css
04api
Grid Auto Fr
01features
02guide
03css
04api
Grid With Breakout
01features
02guide
03css
04api
Grid Gallery
01features
02guide
03css
04api
Grid Flex
01features
02guide
03css
04api
Masonry
01features
02guide
03css
04api
Subgrid
01features
02guide
03css
04api
05micro Layouts
Horizontal
01features
02guide
03css
04api
Vertical
01features
02guide
03css
04api
Flow
01features
02guide
03css
04api
Stack
01features
02guide
03css
04api
Dividers
01features
02guide
03css
04api
Breakout
01features
02guide
04api
Scrollable
01features
02guide
03css
04api
Container
01features
02guide
03css
New Stacking Context
01features
02guide
03css
06positioning
Position
01features
02guide
03css
04api
Edge
01features
02guide
03css
04api
Fixed
01features
02guide
03css
04api
Nudge
01features
02guide
03css
04api
Sticky
01features
02guide
03css
04api
Vertical
vertical
lets you lay things out vertically with Flexbox.