RSL Documentation

Components

Explore 15+ pre-built UI components including navigation, alerts, modals, forms, and more. Each component includes detailed documentation, live examples, and copy-paste code.

View Components

JSON Layout API

Build data-driven layouts with RSL's JSON Layout Engine. Store layouts in databases, load from APIs, and create dynamic, customizable interfaces with ease.

View JSON API Docs

Layout Systems

Master RSL's powerful slot-based grid, balanced layouts, sidebar patterns, and responsive tables. Build complex page structures with ease.

View Layout Systems

Core Features

Learn about RSL's core framework features including density controls, utility classes, and theming options.

Core Documentation

Downloads

Get started quickly with downloadable component playgrounds, example templates, and the complete RSL package.

Download Files

Why Choose RSL?

Accessibility First

Built with WCAG guidelines and proper ARIA attributes

Fully Responsive

Mobile-first design that works on all screen sizes

Zero Dependencies

Pure HTML, CSS, and JavaScript - no frameworks required

Semantic HTML

Clean, meaningful markup that's SEO-friendly

Easy Customization

Simple CSS variables and utility classes

Great Documentation

Comprehensive guides with live examples

Getting Started

Include the RSL CSS and start building:

<link rel="stylesheet" href="styles/grid.css" /><link rel="stylesheet" href="styles/breadcrumb.css" />
<script src="javascript/layout.js"></script>

Browse the component library to get started →

Responsive Slot Layout