Layout Systems

Powerful grid systems and layout patterns for building responsive pages

Layout Documentation

RSL provides flexible layout systems to build complex, responsive page structures. From the core slot-based grid to specialized patterns like sidebars and balanced layouts, these tools help you create professional layouts quickly.

Grid System

Core slot-based grid with responsive column control and gap management

API View Playground Auto-Fit Subgrid Grid Areas

Balanced Layout

Smart layout that balances content distribution for visual harmony

API View Playground

Sidebar

Magazine-style floating sidebar layouts with content wrapping

API View Playground

Tables

Responsive table patterns: scrollable, stacked, and card layouts

API View Playground

Images

Responsive image handling with aspect ratios and layout integration

API View Playground

iFrames

Embedded content containers with responsive sizing

API View Playground

Universal Dark Mode

Automatic dark mode generation for pages without custom CSS

API Test Page
Back to Home