Fibonacci
A visual tool for designing page layouts using Flexbox without writing HTML or CSS.
What is Fibonacci?
Fibonacci is a visual tool that allows users to design web page layouts using Flexbox without needing to write HTML or CSS. It provides an interactive interface to split and arrange divs, generating the necessary code to replicate the layout in any project. The tool solves the problem of making Flexbox accessible to non-developers and speeding up layout prototyping for developers.
Non-developers who need to design web layouts without learning code, and frontend developers looking for a quick way to prototype Flexbox-based structures.
Fibonacci offers a unique drag-and-drop approach to Flexbox layout creation, eliminating the need to manually write CSS. Its code generation feature ensures accuracy and saves time, making it a practical alternative to manual coding or more complex design software.
Overview
Flexbox page layout composer
Use Cases
Best For
- Creating responsive Flexbox layouts without writing CSS
- Prototyping web page structures quickly
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.