Documentation Overview

Everything you need to get started with Responsive Slot Layout

On This Page

Quick Start

Get up and running with RSL in under 5 minutes. Include the CSS and JavaScript files, then start using RSL components in your HTML.

Basic Template: • HTML



    
    

    
    
    

    
    
    
    

    My RSL Site



    
    

        
        

            
Card 1

            
Card 2

            
Card 3

Next Steps

Explore RSL's features organized by category:

Components

Browse 30+ UI components with live demos, API documentation, and accessibility guidance.

Component Catalog

Explore all available components with search and filtering

Browse Components

Layout Systems

Master RSL's responsive grid system and layout utilities.

Grid System

Data-driven responsive grid with 6 breakpoints

Learn Grid

Balanced Layout

Smart sections for equal-height card layouts

View Balanced

Layout & Utilities

All layout systems and helper utilities

Browse All

Utilities & Helpers

Speed up development with utility classes and helper tools.

Utility Classes

Alignment, spacing, visibility, and display utilities

View Utilities

Density System

Adaptive spacing for touch vs. mouse devices

Learn Density

Advanced Features

Explore RSL's powerful layout and state management systems.

JSON Layout API

Build and manage layouts with JSON + state management

Get Started

Templates

Complete website examples showcasing RSL features

View Templates

Need Help?

Each component and layout page includes: