CSS Grid Layout Generator is a professional tool: implicit grid tracks (auto-generated grid), minmax(), fit-content(), export in JSX and Styled Components.
Hiya ProductHunt!
I built this tool to solve my own problem - to visualize the layouting process with the ability to use all the properties of grids. As far as I know, existing solutions are all poor.
In the future, on the basis of this tool, I want to make a new free tool for prototyping interfaces with use of your own design system.
I want to hear your opinion about my product 😘
What is missing (features)?
What is not convenient?
What is faster to deliver from the roadmap?
What gift do you want for Christmas? 🎅
Roadmap:
Save and restore grid settings feature
Conditional grid settings via CSS Media Queries
Nested Grids
Support for touch screen devices
Persist grid settings (Local Storage)
And many more, see the full list on GitHub repo...