<h2 id="heading-introducing-windstatic">Introducing Windstatic</h2>
<a target="_blank" href="https://windstatic.com/">https://windstatic.com/</a>
A free collection of aesthetically designed elements &amp; layouts made with Tailwind CSS and Alpine.js -
<ul>
<li>Hero
</li>
<li>Features
</li>
<li>Grids
</li>
<li>Footers
</li>
<li>Cta
</li>
<li>Testimonials
</li>
<li>Logo clouds
</li>
<li>Gallery
</li>
<li>Pricing
</li>
<li>Faq
</li>
<li>Team
</li>
<li>Blog
</li>
<li>Newsletter
</li>
<li>Error
</li>
<li>Navbars
</li>
<li>Flyout menu
</li>
<li>Sidebar menus
</li>
<li>Breadcrumbs
</li>
<li>Tabs
</li>
<li>Pagination
</li>
<li>Vertical navigation
</li>
<li>Steps
</li>
<li>Command palettes
</li>
<li>Sign in
</li>
<li>Registrations
 %[<a href="https://youtu.be/EVvgdBQtnq8]" class="autolinkedURL autolinkedURL-url" target="_blank">youtu.be/EVvgdBQtnq8]</a> 
</li>
</ul>
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1677187983141/2590be65-0e32-4028-8d20-01dd50db441c.png" alt class="image--center mx-auto" />
<img src="https://res.cloudinary.com/practicaldev/image/fetch/s--dIaoFwIl--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eg6njk8htsbf693n144y.png" alt="1" />
<img src="https://res.cloudinary.com/practicaldev/image/fetch/s--c9MncYlH--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xkbuat132qj23z1uv531.png" alt="2" />
<img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vi58VCrq--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2z2p8yjri7qus3r2t0ij.png" alt="3" />
<img src="https://res.cloudinary.com/practicaldev/image/fetch/s--T7CjFOo9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u4062mjdnlyvmfugkexm.png" alt="4" />
Any questions feel free to ask me here or on <a target="_blank" href="http://twitter.com/mike_andreuzza">twitter.com/mike_andreuzza</a>

## Introducing Windstatic

[https://windstatic.com/](https://windstatic.com/)

A free collection of aesthetically designed elements & layouts made with Tailwind CSS and Alpine.js -

* Hero
    
* Features
    
* Grids
    
* Footers
    
* Cta
    
* Testimonials
    
* Logo clouds
    
* Gallery
    
* Pricing
    
* Faq
    
* Team
    
* Blog
    
* Newsletter
    
* Error
    
* Navbars
    
* Flyout menu
    
* Sidebar menus
    
* Breadcrumbs
    
* Tabs
    
* Pagination
    
* Vertical navigation
    
* Steps
    
* Command palettes
    
* Sign in
    
* Registrations
    
    %[https://youtu.be/EVvgdBQtnq8] 
    

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1677187983141/2590be65-0e32-4028-8d20-01dd50db441c.png align="center")

![1](https://res.cloudinary.com/practicaldev/image/fetch/s--dIaoFwIl--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eg6njk8htsbf693n144y.png align="left")

![2](https://res.cloudinary.com/practicaldev/image/fetch/s--c9MncYlH--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xkbuat132qj23z1uv531.png align="left")

![3](https://res.cloudinary.com/practicaldev/image/fetch/s--vi58VCrq--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2z2p8yjri7qus3r2t0ij.png align="left")

![4](https://res.cloudinary.com/practicaldev/image/fetch/s--T7CjFOo9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u4062mjdnlyvmfugkexm.png align="left")

Any questions feel free to ask me here or on [twitter.com/mike\_andreuzza](http://twitter.com/mike_andreuzza)

Show DEV: Windstatic - 160 Free elements and layout with Tailwind CSS and Alpine.js

✺ UI Designer & Front end dev working on lexingtonthemes.com


A bi-weekly newsletter for web developers and UI/UX designers discovering new resources and articles about the latest and relevant trends.