Building Bootstrap CSS examples with Tailwind

Previously when I gave my Taking Flight with Tailwind CSS talk, I created examples that relate to the event such as something related to that technology or event.

The nor(DEV):con website already uses Tailwind CSS so I've been looking for other examples and have started to build some of the Bootstrap CSS components with Tailwind CSS.

I've created the Album and Pricing components so far but will likely do more before the conference as I think they're good examples.

The source code is on my GitHub profile, uses Astro and its Tailwind CSS integration, the default Tailwind configuration with some slight colour and font tweaks, the official Typography plugin and a small custom plugin that adds a "hocus" variant for both hover and focus styles.

- Oliver

P.S. Need help or want another pair of eyes on your code? Book a 1-on-1 consulting call or an online pair programming session with a 100% money-back guarantee.,

Was this useful?

Sign up here and get more like this delivered straight to your inbox every day.

About me

Picture of Oliver

I'm an Acquia-certified Drupal Triple Expert with 17 years of experience, an open-source software maintainer and Drupal core contributor, public speaker, live streamer, and host of the Beyond Blocks podcast.