Product Hunt logo dark
  • Launches
    Coming soon
    Upcoming launches to watch
    Launch archive
    Most-loved launches by the community
    Launch Guide
    Checklists and pro tips for launching
  • Products
  • News
    Newsletter
    The best of Product Hunt, every day
    Stories
    Tech news, interviews, and tips from makers
    Changelog
    New Product Hunt features and releases
  • Forums
    Forums
    Ask questions, find support, and connect
    Streaks
    The most active community members
    Events
    Meet others online and in-person
  • Advertise
Subscribe
Sign in
Subscribe
Sign in
Flex

Flex

Flexbox's are a pain to write, Flex makes it easy.

2 followers

Flexbox's are a pain to write, Flex makes it easy.

2 followers

Visit website
Design resources
•
UI frameworks
Flexbox's are cool, but a pain in the dairy air to write. Flex makes it easy. Generate CSS to quickly make grids, columns, just about whatever you could think of, all thanks to the wonders of Flexbox.
  • Overview
  • Launches1
  • Reviews
  • Alternatives
  • Team
  • Awards
  • More
Company Info
pro.hwll.me/flex
Flex Info
Launched in 2019View 1 launch
Forum
p/flex-6
  • Blog
  • •
  • Newsletter
  • •
  • Questions
  • •
  • Forums
  • •
  • Product Categories
  • •
  • Apps
  • •
  • About
  • •
  • FAQ
  • •
  • Terms
  • •
  • Privacy and Cookies
  • •
  • X.com
  • •
  • Facebook
  • •
  • Instagram
  • •
  • LinkedIn
  • •
  • YouTube
  • •
  • Advertise
© 2025 Product Hunt

Similar Products

Next.js
Next.js
Create web applications with the power of React components
5.0(421 reviews)
Engineering & DevelopmentStatic site generators
Tailwind CSS
Tailwind CSS
A utility-first CSS framework for rapid UI development
4.9(264 reviews)
Interface design toolsEngineering & Development
Canva
Canva
Amazingly simple graphic design
4.8(1.1K reviews)
Photo editingGraphic design tools
React
React
The library for web and native user interfaces
5.0(172 reviews)
Interface design toolsEngineering & Development
Flutter
Flutter
Build apps for iOS, Android, web, macOS, Windows, & Linux
5.0(131 reviews)
Mobile editing appsEngineering & Development
View more
Flex gallery image
Flex gallery image
Launch tags:
Developer Tools
Launch Team
Jake Howell

What do you think? …

Ariel
Ariel
Great thing, thanks. Only suggestion would be putting everything on one site. It's scrolling somehow badly sometimes.
Report
6yr ago
Jake Howell
Jake Howell
Flex

Flex

Maker
@ariel_jedrzejczak Gday, yeah I noticed that too when jumping into Safari, i've pushed a fix out!
Report
6yr ago
Tyler Andersen
Tyler Andersen
@ariel_jedrzejczak Ya I straight up thought the site was broken when I first entered it. I was trying to scroll on the middle pane and nothing was happening. Even after seeing the arrow I clicked on the arrow thinking it would do something. I didn't realize I had to click on the left side and then start scrolling til I saw this comment and realized I needed to keep scrolling somewhere to make it work. Maybe make it scroll a little bit for the user if they click that pulsing arrow to show them the left panel scrolls.
Report
6yr ago
Blake Folgado
Blake Folgado
Outside

Outside

@ariel_jedrzejczak @tm0neys Yep same here? Maybe if they click the bouncing arrow push the page. Also a bouncing arrow does not really indicate scroll all too much :P
Report
6yr ago
Olivier Janssen
Olivier Janssen
ProsContras

ProsContras

Nice idea! Let me make 1 suggestion though: Making a selection in a drop down menu triggers a "startDrag" (or something) on OSX Safari, which makes the flow go haywire.
Report
6yr ago
Jake Howell
Jake Howell
Flex

Flex

Maker
@olivierjanssen Gday, yeah it seemed to buggering up for me too, guess I can't rely on new CSS values. Heh.
Report
6yr ago
lukas jorissen
lukas jorissen
Uhh css grids — Flexbox a bit outdated — not?
Report
6yr ago
Jake Howell
Jake Howell
Flex

Flex

Maker
@lukasjorissen Not quite familiar with CSS grids, however this isn't a columns framework I was attempting to build, it's simply just aligning content without being overly bulky. i.e centering a specific div is as simple as.. ``` display: flex; justify-content: center; align-items: center; ```
Report
6yr ago
Jeffrey Chiang
Jeffrey Chiang
@lukasjorissen @jake_howell1 They can both be used together depending on the purpose. https://developer.mozilla.org/en...
Report
6yr ago
Basecamp
Basecamp — Famously straightforward project management from 37Signals
Famously straightforward project management from 37Signals
Promoted

Do you use Flex?

Reviews
Helpful

You might also like

Webflow
Webflow
Create custom, responsive websites, visually
Bulma
Bulma
The simplest grid system
Lucas Gruwez
Lucas Gruwez
🏊 + ⛵️ + 👨‍💻 | 🇦🇺 ↔️ 🇧🇪
Simple Grid
Simple Grid
Responsive & lightweight CSS grid for your website.
CSS Gridish
CSS Gridish
Automatically build your grid design's CSS code ✨
Flexbox Defense
Flexbox Defense
Learn CSS Flexbox by playing a tower defense game
View more
Review Flex?Be the first to review Flex