Choosing a CSS Theme#

There are four CSS themes available in Pegasus.

If you don’t know which one you want, we recommend TailwindCSS. It is the most popular choice, easiest to customize, and supports themes and dark mode out-of-the-box.

In addition to Tailwind, there are two Bootstrap 5 themes, one based on Creative Tim’s Material Kit and Material Dashboard products, and one that is “unthemed”. Additionally, you can use Bulma.

The look and feel of the site is slightly different for each framework, but the overall layout is the same. Below are screenshots of the app in each of the four themes:

Tailwind CSS:

Tailwind Home

Bootstrap Material Theme:

Material Home

You can also watch this video for more details.

Bootstrap Default Theme:

Bootstrap Home

Bulma:

Bulma Home

If you’re not sure which framework you want to use, you can change the setting on your project and download multiple copies of the codebase to try out different ones.