---
title: "CSS Layout"
description: "Collection of 100+ common layouts and UI patterns implemented in dependency-free CSS with copyable source."
canonical: "https://vibing.inc/library/css-layout-vg-1567"
category: "Resource Directories & Inspiration"
subcategory: "Component & CSS galleries"
license: "MIT"
author: "Nguyen Huu Phuoc (@phuocng)"
source: "https://csslayout.io/"
---

# CSS Layout
Collection of 100+ common layouts and UI patterns implemented in dependency-free CSS with copyable source.
## Facts
- Source: https://csslayout.io/
- Category: Resource Directories & Inspiration / Component & CSS galleries
- Author: Nguyen Huu Phuoc (@phuocng)
- Licence: MIT
- Tags: css, layout, patterns, vanilla
## Why it's a gem
Zero dependencies and zero framework. Works in any stack including plain HTML.
---
Listed in The Vibeary: https://vibing.inc/library/css-layout-vg-1567 · JSON: https://vibing.inc/api/public/library/gems/css-layout-vg-1567