---

import Layout from '../layouts/MainLayout.astro';
import {Markdown} from 'astro/components'
import Examples from '../components/Examples/Examples.astro'

import Thumbnail from '../components/Examples/Thumbnail.astro'
const githubEditUrl = "https://github.com/snowpackjs/astro/tree/main/docs/src/pages/examples-and-templates.astro"
const title = 'Examples & Templates'


---

<Layout content={{title:title,astro:{headers:examplesHeaders},page:'/examples-and-templates',githubEditUrl:githubEditUrl}}>
    <Markdown>
       
        We encourage you to freely explore our collection of ready-made templates containing a multitude of examples on how to apply Astro to a variety of use-cases. i.e: various UI frameworks, State Management Tools, and of course TailwindCSS
    </Markdown>
    <!-- <Examples/> -->
    <Thumbnail/>
    <Markdown>
        
        ##  Community Templates
        
        Visit [Awesome-Astro](https://github.com/one-aalam/awesome-astro) for a full list of community examples. You can use `npm init astro` to check out any of the community examples

        ```bash
        npm init astro -- --template [GITHUB_USER]/[REPO_NAME]
        npm init astro -- --template [GITHUB_USER]/[REPO_NAME]/path/to/example
        ```
    </Markdown>

</Layout>