Collection of popular CSS layouts and patterns

In plain words

This is a collection of popular CSS layouts and patterns available at csslayout.io. It provides developers with ready-made CSS solutions for common design problems. The resource is useful for web developers looking to implement standard layouts without building them from scratch. It launched in December 2019 and covers various CSS-based design approaches for creating web page structures and visual patterns.

written from the facts on this page · September 2026

• 
  A visual guide to the most popular CSS properties2016 · cssreference.io · ▲1,117

  CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.

• 
  Every Layout2019 · every-layout.dev · ▲390

  Relearn CSS, by example

• 
  Pattern.css – CSS-only library to fill empty background with patterns2020 · github.com · ▲332

  CSS only library to fill empty background with beautiful patterns. - bansal/pattern.css

• 
  CSS Layout2019 · csslayout.io · ▲52

  Most popular layouts and patterns that can be built with CSS

• 
  Collection of CSS Creations2012 · cssdeck.com · ▲165

  Collection of Awesome CSS and JS Creations to help out frontend developers and designers.

• 
  Pattern.css2020 · github.com · ▲197

  CSS library to fill empty background with beautiful patterns

• 
  SimCity, but with Permits▲936

  A free city-building game in your browser. You are the mayor. You know what the city needs. Now get it past the zoning board, the neighbors, the appeals court and the next election.

  Life & fun · 3d ago · permit.petercai.com

• IV
  I've been paying for a rural Tanzanian's education for 10 years▲778

  Life & fun · 15d ago · tanzaniaeducationproject.org

• 
  Bigwords.page – Turn any screen into a sign. The URL is the app▲728

  Turn a phone, tablet or TV into a sign. Type a message and it fills the screen: welcome signs, timers, Wi-Fi passwords and more. No app, no account, free.

  Life & fun · 16d ago · bigwords.page

• 
  Guitoro, a virtual guitar you strum with your keyboard▲573

  Play a free virtual guitar online with your keyboard or by touch. Slow songs down and see every chord, string and strum. Acoustic, classic, electric and bass.

  Life & fun · 10d ago · guitoro.com

• 
  See *almost* any carriers phone settings▲432

  Carrier settings from iPhone, Pixel and Galaxy firmware, decoded and compared: APNs, VoLTE, 5G and Wi-Fi Calling per carrier, and what each build changed.

  Life & fun · 14d ago · carrierexplode.com

• 
  The whole Solar System and every tracked satellite, live in the browser▲407

  Life & fun · 24d ago · space.bl2.net

• 
  Exploding Topics▲949

  Find proven topics before they take off.

  Growth · 2019 · explodingtopics.com

• AA
  Angeldust – a fast and efficient video game▲716

  After years of solo development I'm presenting: Angeldust, an omni-compatible action RPG and building game! Website: http://angeldu.st My single server hosts 250+K active players in one giant, dynamic fantasy world. Angeldust's game server is pervasively multithreaded, implementing John Carmack's dream of processing an immutable world state each tick. Both world handling and network traffic routing uses any number of threads. For networking, a typical game session only uses ~3Kbps of bandwidth, enabling decent play even over 2G/EDGE networks. The client is programmed in C++…

  Growth · 2019

• AS
  A searchable list of self-hosted software with screenshots▲656

  Dev tools · 2019 · selfhostedsource.tech

• 
  A tiny isometric city builder in JavaScript▲593

  A isometric city builder in JavaScript. Contribute to victorqribeiro/isocity development by creating an account on GitHub.

  Dev tools · 2019 · github.com

• 
  AI Dungeon 2 – AI-generated text adventure built with 1.5B param GPT-2▲584

  Play and create AI-generated adventures with infinite possibilities.

  AI · 2019 · aidungeon.io

• 
  Mailmeteor▲567

  Send hundreds of personalized emails with Gmail.

  Growth · 2019 · mailmeteor.com