Supercharge your Phoenix development

Petal is a beautiful set of UI components and a powerful Phoenix boilerplate project that helps developers build great looking web applications faster.

Petal Components

An open source component library written in HEEX and styled in Tailwind CSS. Get started now with a fresh Phoenix project with the components installed.

  • 50+ clean and polished components
  • Open source
  • Only requires Tailwind to work
  • Get up and running with a clean Phoenix install that has the components pre-installed

Petal Pro

A powerful boilerplate Phoenix app to save you time on your next SAAS project.

  • Includes Tailwind, Alpine JS, Petal Components and other essential libraries
  • Authentication (phx.gen.auth) styled using Petal Components
  • Email template previewer - see your transactional emails in HTML
  • Admin functionality - view a list of users and see their activity with logs
  • Handy util functions
  • Constantly updated with the latest libraries
  • Beautiful landing page components with fade in animations
  • Wallaby test suite for e2e testing
  • Page builder for quickly scaffolding new pages
  • i18n - gettext support for internationalization in non-admin areas
  • A custom generator, Petal version of phx.gen.live
  • Instant fly.io deployments right off the bat
  • Create background and cron jobs easily with Oban
TECHNOLOGY POWERING PETAL PRO
ELIXIR
LiveView
Petal Pro Features
Hit the ground running on your next web application project.
Lightning fast development

Using the Petal Pro boilerplate and Petal components allows you to build your app at the speed of light.

Styled components

Modular HEEX components beautifully styled with Tailwind CSS. No more worrying about your lack of design skills.

Email templating

Create and edit your transactional emails with our custom built HTML email template previewer. Includes some HTML email components to make emails that little less painful.

Authentication

Petal Pro boilerplate comes with phx.gen.auth installed and customised to use Petal components so it looks pro right out of the box.

Utility functions

A collection of handy functions to help you with little things like truncating, money formatting and handling plurals.

Admin addons

See a list of your users. Track their activity with logs. Post your user activity to Slack. And more...

Page builder

Page builder is a powerful tool that saves you precious time by allowing you to quickly scaffold pages. Build new pages in seconds, not minutes!

Continuous updates

Petal Pro is frequently updated with new features. Every purchase will gain access to 1 year of updates and support.

Custom generator

A Petal version of phx.gen.live. Same as phx.gen.live but the templates output uses Petal Pro's layouts and the form components from Petal Components.

i18n - gettext

Support for internationalization with gettext in non-admin areas.

Instant Fly.io deployments

Add a working dockerfile and ensure all the config is correct for fly.io deployments right off the bat.

Oban support

Create background and cron jobs easily with Oban. We have provided an example worker to get you started.

Email previews.

Create HTML templates and preview them.

Use our email HEEX components to build emails without worrying about email client compatibility.

Screenshot 2
Petal Components
Over 50 beautifully tailored components
Pricing
Join 109 developers who have saved 37,496 hours of work.
Petal Components

Open source component library.

$0
  • Open source and free forever
  • 50+ clean and polished components
  • New components added each month
  • Only requires Tailwind to work
  • Get up and running with a clean Phoenix install that has the components pre-installed
Docs
Petal Pro

A Phoenix boilerplate project

$299 USD
1 year of updates and support
  • A clean Phoenix install with added functionality
  • Tailwind and Petal Components
  • phx.gen.auth installed and adapted to use Petal Components
  • Design your transactional emails with the email template previewer
  • Handy util functions
  • Admin can see a list of all users and update / suspend them
  • Wallaby test suite for e2e testing
  • Page builder for quickly scaffolding new pages
  • i18n - gettext support for internationalization in non-admin areas
  • A custom generator, Petal version of phx.gen.live
  • Instant fly.io deployments right off the bat
  • Create background and cron jobs easily with Oban
  • Full refund if you are not satisfied*
get started

*If you are not satisfied with the product you can request a refund within 7 days of purchase.

Save big with Petal Pro
Find out how much you can save by using Petal Pro.
Select the features you would use below
Petal Pro can save you a boatload of time 🛳 ⏰
Features I'd use Time saved
1 day
2 days
7 days
5 days
7 days
5 days
5 days
3 days
1 day
7 days
Input your hourly rate to find out how much you can save with Petal.
I earn $    per hour.
Money saved per project
Get started

© 2022 Everfree Pty Ltd. All rights reserved. Privacy Policy License