Control your layout from inside the block or entry being laid out. Little Layout is a Craft CMS field that lets you visually align items in a 2D grid.
- Click on one box to start a layout selection.
- Click another box to end a layout selection.
- Delete the old dropdown and radio fields you were using for layout and alignment.
Powerful Templating
Use Twig or GraphQL to get the selected layout values and use them to drive CSS, classes, or Tailwind-based layouts.
Flexible Settings
Little Layout can be used for full-page layouts or tiny UI alignments. Just like Craft CMS’s field setup, Little Layout is designed to meet the unique needs of your design.
Column Layouts
Whether you are using a 12-column grid layout or a custom CSS Grid, you can set the rows and columns in Field Settings to match.
Multi-Select
You can set a Little Layout field to allow selections of a single box or a 2D box across the columns and rows within your layout field.
Sizes and Icons
Use CSS values to make Little Layout even tinier—or bigger! Select icons for each box in your layout to visualize what each box does.
Tooltips
Describe what each icon is used for by customizing a tooltip for each layout box.