Elements is based on Tailwind CSS, so obviously we use Tailwind for all our components, and highly recommend developers building for Elements do the same.
If everyone is using Tailwind we can ensure consistency across all components, making it easier for end users to build sites that are consistent and easy to update. It makes collaboration smoother, as everyone follows the same styling method.
It also means ALL Components will just work with the users Themes. Here’s an example of this in action (see gif below). You’ll notice how fonts, colours, spacing, and more all change based on the theme.
If you’re just getting started writing custom components, it’s worth reading the component styling guide we’ve put together as it explains why it’s so important to stick to using Tailwind classes.
If you have any questions or need help, please ask!