<h2>Overview:</h2>
<p>Petal Boilerplate is a clean installation of the Phoenix 1.7 (RC) framework along with additional features such as Alpine JS and the Petal Components Library. It is maintained and sponsored by the Petal Framework.</p>
<h2>Features:</h2>
<ul>
<li><strong>Phoenix 1.7 (RC):</strong> The latest version of the Phoenix framework for building web applications.</li>
<li><strong>Alpine JS:</strong> A lightweight JavaScript framework that can be used without the need for node_modules.</li>
<li><strong>Petal Components Library:</strong> A library of components maintained and sponsored by the Petal Framework.</li>
</ul>
<h2>Summary:</h2>
<p>Petal Boilerplate is a pre-configured installation of the Phoenix 1.7 (RC) framework with additional features such as Alpine JS and the Petal Components Library. It provides an easy way to get started with building web applications using these technologies.</p>


<h2>Overview:</h2>
<p>Petal is a framework that combines Phoenix, Elixir, Tailwind CSS, Alpine JS, and Live View (HEEX) to create a powerful and customizable component library. With Petal, you can easily build beautiful and interactive user interfaces for your web applications. It provides a range of components like dropdowns, forms, buttons, menus, alerts, tables, and more. Petal offers flexibility by allowing you to use either Alpine JS or LiveView.JS for component interaction, and you can customize the components by overriding the CSS classes.</p>
<h2>Features:</h2>
<ul>
<li><strong>Phoenix, Elixir, and Tailwind CSS:</strong> Petal is built on the foundation of these powerful technologies, ensuring performance, scalability, and a sleek design.</li>
<li><strong>Alpine JS (optional):</strong> Petal supports Alpine JS as the default option for interactive components.</li>
<li><strong>Live View (HEEX):</strong> Petal provides Live View support for real-time rendering and seamless user interaction.</li>
<li><strong>Rich Component Library:</strong> With Petal, you have access to a comprehensive library of components including dropdowns, forms, buttons, menus, alerts, tables, and more.</li>
<li><strong>VSCode Snippets Extension:</strong> Install Petal's VSCode extension to gain access to over 65 snippets for all the components, making development faster and more efficient.</li>
<li><strong>Customization:</strong> Petal allows you to easily customize the components by overriding the CSS classes, giving you complete control over the look and feel of your application.</li>
<li><strong>Easy Contribution:</strong> Petal provides a Phoenix umbrella app that allows developers to contribute to the Petal Components library by creating and submitting new components.</li>
</ul>


Petalframework

Petal_boilerplate

Petal_components