Gatsby Emotion Tailwind Starter

screenshot of Gatsby Emotion Tailwind Starter
gatsby
react
tailwind

Gatsby starter template, complete with Emotion & Tailwind

Overview:

This is a starter template for creating a fast static website. It includes Gatsby, Emotion, and Tailwind to help you get started quickly. It is inspired by the gatsby-starter-blogDemo hosted on Netlify.

Features:

  • React static generator GatsbyJS v2
  • CSS-in-JS library Emotion for styled components
  • CSS utility framework Tailwind CSS for quick styling
  • Offline support
  • Progressive Web App
  • Lazy loading images with webp support
  • Auto-Generated sitemap
  • Dark Mode Tailwind CSS variant
gatsby
Gatsby

GatsbyJS is a free and open-source static site generator based on React. It uses a modern development stack including Webpack, GraphQL, and modern JavaScript and CSS frameworks. It also provides a rich set of plugins, starters, and themes.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.