Tailwind CSS Patterns

Preview of the first custom-made Tailwind CSS patterns

A few weeks ago I created the first layout for Rails Designer. I want them to be as lightweight as possible and easy to copy into your app. But also make them visually interesting.

As a result I explored a way to add background patterns using only CSS. To my surprise they could also be fully written with Tailwind CSS! Awesome! 🤩

To help and inspire you, I continued creating various other patterns that are now in one neat collection.

Enjoy these Tailwind CSS patterns! ✌️

Get UI & Product Engineering Insights for Rails Apps (and product updates!)

Published at . Have suggestions or improvements on this content? Do reach out.

UI components Library for Ruby on Rails apps

$ 99 one-time
payment

Explore
  • One-time Payment

  • Access to the Entire Library

  • Built using ViewComponent

  • Designed with Tailwind CSS

  • Enhanced with Hotwire

Fractional Rails UI Product Engineer

$ 2k month

Hire
  • UI Modernization

  • Fractional UI and feature improvement

  • JavaScript untaming

  • No full-time commitment

Launch a Rails SaaS app in a month

$ 15k one-time

Book a call
  • Modern Rails app

  • Ready for paying customers in one month

  • 2 - 3 core features

  • You own every line of code