statamic-tailwind-page-blocks Tailwind Templates

Statamic Tailwind Page Blocks

Statamic Tailwind Page Blocks Starter Kit.

Statamic Logo

Statamic Starter Kit: Tailwind Page Blocks

Statamic 3.2+

Features

  • Pages Blocks structure, pick the TailwindUI component you want.
  • Clean & modern typography using Inter
  • Beautifully responsive
  • Built with TailwindCSS
  • Itty bitty Alpine.js for interactions

Screenshot

screencapture-statamic-tailwind-page-blocks-test-2022-07-28-14_04_48

Quick Start

1. Make a new user

The above installers should prompt you to make a user, but you can also run php please make:user. You'll want it to be a super so you have access to everything.

2. Recompile the CSS (optional)

The TailwindCSS included in this kit is compiled with PurgeCSS to reduce filesize on any unused classes and selectors. If you want to modify anything, just recompile it.

npm i && npm run dev

To compile for production again:

npm run production

3. Do your thing!

If you're using Laravel Valet (or similar), your site should be available at http://my-site.test. You can access the control panel at http://my-site.test/cp and login with your new user. Open up the source code, follow along with the Statamic 3 docs, and enjoy!

Contributing

Contributions are always welcome, no matter how large or small. Before contributing, please read the code of conduct.

Top categories

Loading Svelte Themes