Skip to content

Category: Theme UI

  • How to use Theme UI variants
    I am a big fan of using Theme UI to style Gatsby projects. For me one of the standout features is the less well known - but very powerful - API called variants . Variants allow you, as a theme developer, to enable a happy path for users to customize their visual design without having to shadow…

  • Using Theme UI with RedwoodJS
    RedwoodJS is a new javascript framework bringing the frontend and the backend together in one incredible fullstack package. They have a great tutorial that gives you a good feel for what is possible with Redwood. While I was completing the tutorial I got curious about using Theme UI with…

  • 10 reasons to use Theme UI in your next Gatsby project
    Combining Theme UI with Gatsby has been a huge productivity win for me; design tokens, quick mobile styles, a robust component library and more. I am building every new project using Theme UI and here are 10 reasons I think you should consider it too. Consistent design system At the heart of…

  • Using Theme UI with SANITY.io
    Gatsby, SANITY.io and Theme UI are quickly becoming my go-to stack of development tools. Gatsby on the frontend. SANITY on the backend. Theme UI as the design system interface. Combining these three tools has been fairly smooth, but it took me a while to realize I could link Theme UI design…

  • How to display alternate content in dark mode using Theme UI
    Theme UI provides a great pattern for implementing dark mode on your Gatsby website. If your site is primarily text, this can be as straightforward as changing a few colors in your theme and off you go. Most websites are not so minimal and include images, icons, background patterns, etc. If you…

Illustrations by Diana Valeanu
Design inspired by Gatsby-Absurd
© 2020 Eric Howey