Prebuilt layouts

[kyranb]

So I understand that Flux is a composable component library (it's amazing), but it could benefit from more prebuilt “application shells” or layouts to reduce the time spent customising Tailwind for common use cases.

Examples of some layouts that I've found myself building:

1. Right-hand pane: For contextual details (e.g., customer info in a CRM, help desk or Stripe).
2. Second-level navigation: An inner/vertical/secondary menu.
3. Split view: A split-view to show two separate things at once like an inbox/chat list (list on one side, details on the other).
4. Dashboards: A grid-based layout with different sized cards.
5. Multi page form layout, some kind of indicator or progress between multiple steps of a form.

[robbiekibler]

I agree with your post. It would not only help with providing some additional inspiration, but would also save a lot of time. This seems pretty common amongst other UI frameworks as well.

[bobik1337]

Yeah. Demos for flux are very useful. Using them for inspiration.

At least, it would be nice to have page like 'Made with Flux', showing different flux usecases. I would add there some of mine

[doti-dominic]

We could already kick this off ourselves by starting a “Showcase” discussion where we can share our layouts and ideas.

[NimaKhadivar]

i agree

[airil28]

Yes, need prebuilt advance form sample also

[ProgrammerZ]

I would pay for templates/blocks in addition to license for sure. ))) Also I remember when Flux launched, Caleb made a video on how Flux works - was extremely useful as well.

[bridgeyuwa]

So I understand that Flux is a composable component library (it's amazing), but it could benefit from more prebuilt “application shells” or layouts to reduce the time spent customising Tailwind for common use cases.

Examples of some layouts that I've found myself building:

1. Right-hand pane: For contextual details (e.g., customer info in a CRM, help desk or Stripe).
2. Second-level navigation: An inner/vertical/secondary menu.
3. Split view: A split-view to show two separate things at once like an inbox/chat list (list on one side, details on the other).
4. Dashboards: A grid-based layout with different sized cards.
5. Multi page form layout, some kind of indicator or progress between multiple steps of a form.

Just make use of Google Stitch ( https://stitch.withgoogle.com ) to prototype layouts