Core Web Vitals Webinar Change is coming. Learn how site speed will soon affect search rankings - Register now

  • Documentation
    Documentation
  • Support
    Support
  • Contact
    Contact
  • Log in
    Log in
    • Why Gatsby

      • Why Gatsby

        Why Gatsby

        See why the best frontend teams choose Gatsby.

      • How it works

        How it works

        Learn how Gatsby works on the inside.

      • Use Cases

        Use Cases

        Explore the many ways to use Gatsby:

          • By Industry

            • Software & SaaS
            • Finance & Insurance
            • E-commerce
            • Content & Media
          • By Technology

            • WordPress
            • Contentful
            • Drupal
            • Shopify
          • By Competitor

            • Gatsby vs Next
            • Gatsby vs Jekyll
            • Gatsby vs Nuxt
            • Gatsby vs WordPress
          • By User

            • Developers
            • Marketers
            • Content Creators
            • Engineering Leaders
    • Products

      • Gatsby Framework

        Gatsby Framework

        The frontend framework for React developers

      • Gatsby Cloud

        Gatsby Cloud

        The end-to-end platform for optimal Gatsby experiences

            • Builds
            • Preview
            • Hosting
            • Integrations
            • Pricing
      • Gatsby Concierge Bundles

        Gatsby Concierge Bundles

        Expert assitance for optimizing Gatsby websites and applications

            • Performance Audits
            • Build Audits
            • Onboarding
            • Migrations
    • Learn

      • Documentation

        Documentation

        Start building with Gatsby and its ecosystem

          • Get Started

            • Quick Start
            • Tutorial
            • Cheat Sheet
          • Guides

            • How-To Guides
            • Reference Guides
            • Conceptual Guides
          • Glossary

            • Content Delivery Network
            • GraphQL
            • Headless CMS
            • Jamstack
            • React
            • Headless CMS
      • Showcase

        Showcase

        Check out what the community is building

      • Webinars

        Webinars

        Learn more with live or on-demand webinars

          • Latest webinars

            • Achieving the Optimal Gatsby Experience by Hosting in Gatsby Cloud
            • Learn How Gatsby Can Supercharge Your WordPress Website
      • Blog

        Blog

        Read the latest musings from Gatsby

    • Community

      • Plugins

        Plugins

        A rich ecosystem of 2500+ ready solutions and integrations

            • WordPress
            • Drupal
            • Contentful
            • Shopify
            • Stripe
            • Algolia
            • Google Analytics
            • Segment
            • HotJar
          • See all plugins
      • Starters

        Starters

        Get up and running with premade templates

      • Themes

        Themes

        Gain maximized, centralized control over web projects

      • Contribute

        Contribute

        We’re so glad you want to help! Here’s how to get started.

            • Why contribute
            • How to contribute
            • Code of Conduct
            • Style Guide
            • Twitter
            • Twitch
            • Discord
            • YouTube
    • Company

      • About Us

        About Us

        Meet the team and learn about our story

      • Careers

        Careers

      • Partners

        Partners

        Grow with Gatsby and accelerate your business

    • Get Started
      Get Started
Return to All tags

3 posts tagged with "theme-ui"

What is JSX pragma?

By Amberley Romo on August 2nd, 2019

Theme UI uses custom JSX pragma to make JSX theme-aware. But what is JSX pragma?

Read more

How I used Theme UI to build my Gatsby Themes library

By Lennart Jörgens on July 30th, 2019

Theme UI helped me a lot to get this done quickly. Starting at the Design to Code Handoff (by using the same design tokens) and ending at using the breakpoint syntax in the GraphQL layer of Gatsby to individually style theme entries.

Read more

Customizing Styles in Gatsby Themes with Theme UI

By Brent Jackson on July 3rd, 2019

Read more

Gatsby is powered by the amazing Gatsby
community and Gatsby, the company.

  • Gatsby Github
  • Gatsby Twitter
  • Gatsby Discord
  • Gatsby Instagram
  • Gatsby Youtube
  • Gatsby Twitch
  • Gatsby LinkedIn
    • Documentation
    • Quick Start
    • Tutorial
    • How-To Guides
    • Reference Guides
    • Conceptual Guides
    • Gatsby CLI
    • Github
    • Why Gatsby Cloud?
    • Support
    • Integrations
    • Guides
    • Pricing
    • Log in
    • Comparison
    • Plugins
    • Themes
    • Recipes
    • Starters
    • Use Cases
    • Contributing
    • Swag Store
    • Code of Conduct
    • Style Guide
    • Translations
    • Live Streams
    • Webinars
    • Gatsby Days
    • About us
    • Contact Us
    • Careers
    • Partners
© 2021 Gatsby, Inc.
Accessibility StatementBrand Guidelines
Terms of UsePrivacy Policy