Frontile aims to provide the legos (components, helpers, modifiers, and styles) necessary for building consistent and powerful Ember.js apps while following best practices from the community and providing both low-level and high-level components for your application.
There are a few packages available to use already; you can use them in your applications today if you are in a supported Ember version. The project is still pre-version 1.0.0, so breaking changes can still occur.
@frontile/core
: Core package providing essential a11y and base components.@frontile/forms
: Components for working with forms.@frontile/changeset-form
: Integration between the Forms package and Changeset.@frontile/notifications
: Package that provides toast-like notifications.@frontile/overlays
: Components to render content over the UI, like Modal Dialogs.@frontile/buttons
: Components for working with buttons.All the styles we provide are through TailwindCSS plugins. It is perfect if your app has Tailwind; however, some apps don't have or don't necessarily want to write styles using it. For these, there are two alternatives:
you should be able to set up Tailwind and only allow it to include Frontile styles.
By providing Tailwind plugins, you can customize pretty much all styles, even removing what is not what you need. All plugins have the option to pass a configuration so that you can set up all the colors, spacings, etc, as your application needs. It also allows for creating themes or dark modes using CSS Variables.
TL; DR; You don't need TailwindCSS if you don't want it, but it's best if you do use it.