tailwindcss-starter VS Tailwind CSS

You can also use this GitHub repository as a starter template.

warn - The `content` option in your Tailwind CSS configuration is missing or empty. warn - Configure your content sources or your generated CSS will be missing styles. warn - https://tailwindcss.com/docs/content-configuration Browserslist: caniuse-lite is outdated. Please run: npx [email protected] --update-db Why you should do it regularly: https://github.com/browserslist/browserslist#browsers-data-updating Rebuilding... Done in 88ms.

In addition to front-end frameworks like React, there are CSS frameworks and component libraries that you can use to make it easier to build good-looking UIs. Bootstrap used to be very popular, but these days I'm seeing a lot of startups using newer solutions like Tailwind and Chakra. You'll find a bunch of these if you search for "CSS frameworks" or "Component Libraries" online.

Now that you have a Remix project configured you can proceed by installing Tailwind CSS:

You should see a landing page with some filler text and an image that automatically changes if you reload the webpage. Take a look at the documentation on the Tailwind CSS website and you will see how easy it is to change the style of the landing page. The margin, padding, colours and page layout can all be customised with just a few class changes. Honestly, the Tailwind CSS documentation is the best place for learning how to use the code.

Personally I like twin.macro the most. It’s similar to the above but based on Tailwind.

UI, CSS : tailwindcss + PostCSS + Radix UI + UI components by shadcn

If you use Tailwind CSS and use the dark mode with the class strategy instead of media query, you can override the variables like this:

Also at the start I used TailWind CSS but to remove the css build step I converted everything back to css, keeping some tailwind css in my main.css file.