• Components
  • Palettes
Components
Layout

Content Grid

Responsive CSS grid for flexible layouts including equal columns (1-3) and asymmetric ratios (1:2, 2:1) with configurable gaps and alignment.

Examples

Single ColumnSize: 1280px
  • Previous
  • 1
  • 2
  • 3
  • 4
  • Next

Installation

Other layout Components

View all layout components

Ticker

Scrolling ticker component that duplicates its children for an infinite marquee effect with configurable speed and direction.

Container

Width-constrained container component with optional padding presets for consistent page gutters.

Section

Layout section wrapper providing max-width, vertical rhythm, and optional background utilities.

Carousel

Enhanced carousel component with peek functionality support based on Embla Carousel.

DocumentationComponentsExamplesGitHub
Privacy PolicyTerms of Service

© 2025 Lantern Systems, Inc.