As of version 2022.8 Pegasus officially supports Tailwind CSS (Version 3).
Here’s a quick overview of what it looks like:
npm run dev-watch
Or in Docker:
Pegasus uses daisyUI to provide default, well-styled components with convenient CSS classes. Components from daisyUI can be brought in as needed by your app. A full list of available components can be found at the daisyUI component library.
Changing your theme#
DaisyUI offers a number of out-of-the-box themes you can use in your Pegasus app.
To change themes, just add a
data-theme attribute to your
<html> declaration in
For a list of the available themes, and information about creating your on theme, see the daisyUI theme documentation and their online theme generator.
Other products / themes#
Tailwind UI is a great product for building more complex pages, including marketing sites and app UIs. It another great option for getting help with UI components and pages, and should integrate seamlessly with the current Pegasus templates.
Note that you will have to rebuild styles when adding TailwindUI components, as described in the “Development” section above.