Sizes
Add .shape-{size}, from xxs to 2xl, the same sizes as an avatar.
Colors
Add .shape-{color} to use another palette color.
With icons
Put one .icon inside the shape; it is sized with the square.
Corner radius
Set --tblr-shape-border-radius to change the corners; the default is 35%.
Square
Default
Circle
Feature list
A shape above each heading, with the same size and color on every item.
Mobile-optimized
Every page works on any screen size, from a phone to a wide monitor.
Tested email clients
Checked in more than 90 email clients and devices.
Minimal design
Clean layouts based on Bootstrap and Material Design principles.
Feature list, inline
A colored shape next to each heading, in a .row with an auto column.
Easy to customize
Change colors, fonts and spacing with Sass or CSS variables.
Built on Bootstrap
Every Bootstrap component works out of the box.
Dark mode
One attribute switches the whole interface to a dark theme.