KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #developer-tools #ai-agent #claude-code #codex #typescript #ai-agents #deepseek-harness #mcp #cli #rust

gatsby-starter-tailwind

★ 488 Open GitHub ↗

Gatsby starter styled with Tailwind CSS

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Gatsby Starter Tailwind

[![All Contributors](https://img.shields.io/badge/all_contributors-7-orange.svg?style=flat-square)](https://raw.githubusercontent.com/taylorbryant/gatsby-starter-tailwind/master/)

<div align="center">
 A <a href="https://www.gatsbyjs.org/">Gatsby</a> starter styled using <a href="https://tailwindcss.com/">Tailwind CSS</a>, a utility-first CSS framework. 
 Uses Tailwind CSS' built-in purge option to remove unused CSS. 
 Illustrations by <a href="https://undraw.co/">unDraw</a>.
 
 
</div>
 
![alt text](https://i.ibb.co/McWdstP/localhost-8000-contact-i-Pad-Pro-1.png "Screenshot of Gatsby Starter Tailwind homepage")
 
View demo <a href="https://gatsby-starter-tailwind.taylorbryant.dev/">here</a>.

## What is Tailwind CSS?

> "Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces."
> –[Tailwind CSS](https://tailwindcss.com)

## What is Gatsby?

> "Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps." -[Gatsby](https://www.gatsbyjs.org/)

## Get started

Install the Gatsby CLI:

```sh
npm install --global gatsby-cli
```

Create a new Gatsby project using this starter:

```sh
gatsby new my-new-website https://github.com/taylorbryant/gatsby-starter-tailwind
```

Build a stylesheet from your Tailwind CSS config and run the project in development mode:

```sh
cd my-new-website
npm run develop
```

## Format and lint

- `npm run analyze` - See what ESLint and Prettier can fix
- `npm run fix` - Run Prettier and ESLint with the `--fix` option

## Build your site

Use `npm run build` to build your site for production.

## Deployment

### Netlify

[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/taylorbryant/gatsby-starter-tailwind)

### Vercel

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/import/git?s=https%3A%2F%2Fgithub.com%2Ftaylorbryant%2Fgatsby-starter-tailwind%2Ftree%2Fmaster)

## Resources

- [Gatsby documentation](https://www.gatsbyjs.org/docs/)
- [Tailwind documentation](https://tailwindcss.com/docs/what-is-tailwind/)
- [Prettier documentation](https://prettier.io/docs/en/index.html)
- [ESLint documentation](https://eslint.org/docs/user-guide/configuring)

## License

[MIT](https://github.com/taylorbryant/gatsby-starter-tailwind/blob/master/LICENSE.md)

## How you can help

Enjoying Gatsby Starter Tailwind and want to help? You can:

- [Create an issue](https://github.com/taylorbryant/gatsby-starter-tailwind/issues/new) with some constructive criticism
- [Submit a pull request](https://github.com/taylorbryant/gatsby-starter-tailwind/compare) with some improvements to the project

## Contributors

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

<table>
 <tr>
 <td align="center"><a href="http://impuls.dev"><img src="https://avatars3.githubusercontent.com/u/8146736?v=4" width="100px;" alt="impulse"/> impulse</a> <a href="https://github.com/taylorbryant/gatsby-starter-tailwind/commits?author=impulse" title="Code">💻</a></td>
 <td align="center"><a href="https://gandreadis.com"><img src="https://avatars3.githubusercontent.com/u/5272244?v=4" width="100px;" alt="Georgios Andreadis"/> Georgios Andreadis</a> <a href="https://github.com/taylorbryant/gatsby-starter-tailwind/commits?author=gandreadis" title="Code">💻</a></td>
 <td align="center"><a href="https://github.com/altruisticsoftware"><img src="https://avatars3.githubusercontent.com/u/12105346?v=4" width="100px;" alt="Chris"/> Chris</a> <a href="https://github.com/taylorbryant/gatsby-starter-tailwind/commits?author=altruisticsoftware" title="Code">💻</a></td>
 <td align="center"><a href="https://github.com/dalwadani"><img src="https://avatars1.githubusercontent.com/u/4618082?v=4" width="100px;" alt="Dhaifallah Alwadani"/> Dhaifallah Alwadani</a> <a href="https://github.com/taylorbryant/gatsby-starter-tailwind/commits?author=dalwadani" title="Code">💻</a></td>
 <td align="center"><a href="http://nigelball.org"><img src="https://avatars2.githubusercontent.com/u/815408?v=4" width="100px;" alt="Nigel Ball"/> Nigel Ball</a> <a href="#ideas-nigelb135" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/taylorbryant/gatsby-starter-tailwind/commits?author=nigelb135" title="Code">💻</a></td>
 <td align="center"><a href="https://github.com/monte-hayward"><img src="https://avatars3.githubusercontent.com/u/3780422?v=4" width="100px;" alt="Monte Hayward"/> Monte Hayward</a> <a href="https://github.com/taylorbryant/gatsby-starter-tailwind/commits?author=monte-hayward" title="Code">💻</a></td>
 <td align="center"><a href="https://lukebennett.com.au"><img src="https://avatars0.githubusercontent.com/u/3422401?v=4" width="100px;" alt="Luke Bennett"/> Luke Bennett</a> <a href="https://github.com/taylorbryant/gatsby-starter-tailwind/commits?author=lukebennett88" title="Code">💻</a></td>
 </tr>
</table>

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

gatsby-starter-tailwind

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README