Life & fun · alternatives · 2026

24 alternatives to LESS mixins to create golden ratio grids with Bootstrap

This is a collection of LESS mixins designed to generate golden ratio-based grid layouts using Bootstrap. It enables developers to build responsive web designs where proportions follow the mathematical golden ratio… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. LESS mixins to create golden ratio grids with Bootstrap launched in 2012; newer entries below may have overtaken it.

1LA
Layoutit – An interactive CSS Grid generator▲437
LayoutIt! offers easy frontend tools: Bootstrap builder, CSS Grid generator, VoxCSS voxel engine, tokens, terrains, SVG tools and more to kick-start your UI development.
2018 · layoutit.com · its alternatives →
2
Bootstrap Magic▲347
Create your Bootstrap 4.0 themes easily with magic
2017 · pikock.github.io · its alternatives →
3
Shuffle for Bootstrap▲386
Bootstrap builder for busy developers
2019 · shuffle.dev · its alternatives →
4
Bootstrap 5 Alpha▲182
Build fast, responsive sites with the latest Bootstrap
2020 · getbootstrap.com · its alternatives →
5SI
Shoelace.io – Visual Bootstrap Grid Builder and Teacher Beta▲158
2014 · shoelace.io · its alternatives →
6
Bootstrap.build▲295
A powerful Bootstrap theme builder
2017 · bootstrap.build · its alternatives →
7
TailGrids▲404
Tailwind CSS Component Library and UI Kit
2022 · tailgrids.com · its alternatives →
8
Bootstrap Studio▲239
Create responsive websites using the Bootstrap framework.
2015 · bootstrapstudio.io · its alternatives →
9
Shuffle for Bootstrap 5▲176
Visual editor with fresh designs and clean code
2021 · shuffle.dev · its alternatives →
10AS
A simple lightweight CSS grid, not a bloated framework▲134
2012 · thisisdallas.github.com · its alternatives →
11
Bootstrap Zero▲273
Open-source, free Bootstrap templates collection.
2015 · bootstrapzero.com · its alternatives →
12
Froala Design Blocks▲452
170+ free responsive design blocks based on Bootstrap 4
2017 · froala.com · its alternatives →
13
Simple Grid▲229
Responsive & lightweight CSS grid for your website.
2016 · simplegrid.io · its alternatives →
14
I made a drag and drop CSS grid generator▲262
CSS Grid Generator - a user-friendly tool designed for web developers to effortlessly create customizable CSS grids for seamless web development.
2024 · cssgridgenerator.io · its alternatives →
15
Diagonal▲127
A set of 28 dark & light mesh gradients in 5k resolution
2023 · its alternatives →
16
UI Libraries by Shuffle▲207
A marketplace for busy front-end developers
2021 · shuffle.dev · its alternatives →
17SG
Split-Grid Generator▲89
2021 · split.js.org · its alternatives →
18
SplitImg - Your 2-Second Image Splitter▲143
Split images into grids & carousels in 2 clicks
2025 · splitimg.com · its alternatives →
19
Fluent Design for Bootstrap 4▲97
First web UI Kit based on Microsoft Fluent Design system
2018 · mdbootstrap.com · its alternatives →
20
Pinegrow Web Designer, multipage editor with Bootstrap & Less▲36
A professional visual editor for CSS Grid, Bootstrap, Tailwind CSS, responsive design, HTML, and CSS. Convert HTML to WordPress themes.
2014 · pinegrow.com · its alternatives →
21SC
StyleBootstrap, create unique Bootstrap design live▲88
Create unique Twitter Bootstrap web design. Free themes, templates, styles. 2.1. Generator. Customize bootstrap.
2012 · stylebootstrap.info · its alternatives →
22
Grid Wiz▲90
CSS Grid frameworks with custom browser support in a snap
2018 · grid-wiz.vercel.app · its alternatives →
23
Photo Grid for Sketch▲91
A Sketch plugin for making grids easily
2018 · github.com · its alternatives →
24
CalDOM: An agnostic, reactive and minimalist JavaScript UI library▲107
An agnostic, reactive & minimalist (3kb) JavaScript UI library with direct access to native DOM.
2021 · caldom.org · its alternatives →

Also compare

Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →