Dev tools · alternatives · 2026
24 alternatives to Flex
Flexbox's are a pain to write, Flex makes it easy.
Flex is a developer tool that simplifies the creation of CSS flexbox layouts. It generates CSS code for grids, columns, and other flexbox-based designs, eliminating the manual complexity of writing flexbox properties… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Flex launched in 2019; newer entries below may have overtaken it.
- 1
FlexboxPatterns▲374Build awesome user interfaces with CSS flexbox
2016 · flexboxpatterns.com · its alternatives →
- 2
Build flexible, responsive layouts - without writing code
2016 · flexbox.webflow.com · its alternatives →
- 3SW
Experiment with different flex properties to understand how they affect layout. Adjust the controls below to see changes in real-time and copy the generated CSS code.
2025 · yoavsbg.github.io · its alternatives →
- 4
Flexbox-Guide : A flexbox code generator
2021 · flexbox-guide.vercel.app · its alternatives →
- 5
Layout helper based on CSS flexbox specification.
2016 · progressivered.com · its alternatives →
- 6
Flexbox Cheatsheet – Tips and Tricks for Web Developers
2020 · blog.duomly.com · its alternatives →
- 7
A simple 20 video course that will help you master CSS Flexbox
2015 · flexbox.io · its alternatives →
- 8
- 9IF
2015 · flex-tutorial.herokuapp.com · its alternatives →
- 10FE
2016 · briandiehr.com · its alternatives →
- 11
- 12
Layouts.dev▲699A notebook for building interfaces with Tailwind & shadcn/UI
2024 · layouts.dev · its alternatives →
- 13FA
2017 · blog.buildo.io · its alternatives →
- 14
Flexpoint▲298A single storefront for creators to sell anything
2025 · flexpoint.store · its alternatives →
- 15AS
2012 · thisisdallas.github.com · its alternatives →
- 16
Your job is to stop the incoming enemies from getting past your defenses. Unlike other tower defense games, you must position your towers using CSS!
2016 · flexboxdefense.com · its alternatives →
- 17
Simple tool to generate css grids
2019 · cssgrid-generator.netlify.com · its alternatives →
- 18
Simple Grid▲229Responsive & lightweight CSS grid for your website.
2016 · simplegrid.io · its alternatives →
- 19
Design web and mobile applications and generate code.
2019 · flexerapp.com · its alternatives →
- 20
Design beautiful web apps for any screen size.
2022 · its alternatives →
- 21
Generate Flexbox elements for your projects in a few clicks
2021 · flex-elements.mdbgo.io · its alternatives →
- 22
Become a Pro at building components with CSS Flexbox & Grid
2022 · shrutibalasa.gumroad.com · its alternatives →
- 23
- 24
Hey HN! I just released Puck 0.18 with a new drag-and-drop engine for CSS grid and flexbox support. You can now use Puck to create a page builder that behaves like a design tool, but embedded within your own app and using your own React components. To use it, just add `display: flex` (or grid, etc) to your DropZone and Puck will gracefully handle drag-and-drop across all dimensions. Shout out to the dnd-kit maintainer Claudéric for the collaboration and support (if you’re reading this, I just sponsored you on GitHub!) and as always, a huge thanks to my wonderful community for all the testing…
2025 · github.com · 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 →