# Petal Components

Shadcn-style HEEx component library for Phoenix LiveView apps, styled with Tailwind CSS and installed from Hex.


Source: https://findsoftware.frbit.cloud/petal-components/
Last reviewed: 2026-10-27
Listed since: 2026-10-27

## Record

### Links

- home: https://petal.build/
- repository: https://github.com/petalframework/petal_components
- docs: https://petal.build/components
- pricing: https://petal.build/pricing
- x: https://x.com/PetalFramework
- discord: https://discord.gg/exbwVbjAct

### Identity

- status: active
- maintainer: Matthew Platts
- maintainerType: unknown
- parent: unknown
- firstRelease: 2021
- hqCountry: unknown

### Kind

- category: ui-library
- hosting: not applicable
- language: elixir
- runtime: beam
- runtimeMin: not applicable
- basedOn: phoenix, tailwindcss

### Content

- contentStore: not applicable
- databases: not applicable
- adminUi: not applicable
- headlessApi: not applicable
- templating: not applicable
- i18n: not applicable

### Rendering and deploy

- runsAs: not applicable
- renderingModes: not applicable
- installMethod: hex

### License

- licenseModel: open-core
- license: MIT

### Releases

- currentMajor: 4
- latestReleaseDate: 2026-10-09

### Adoption

- githubStargazers: 1065
- packagistDownloads: not applicable
- npmWeeklyDownloads: not applicable
- contributors: 58
- pluginCount: unknown
- packagistMonthlyDownloads: unknown
- ecosystemsMonthlyDownloads: unknown
- httpArchiveSites: unknown
- wordpressActiveInstalls: unknown
- dependentRepos: 34
- dependentPackages: 4

### Sources

- urls: https://petal.build/ (read 2026-10-27)
- urls: https://github.com/petalframework/petal_components (read 2026-10-27)
- urls: https://hex.pm/api/packages/petal_components (read 2026-10-27)
- firstRelease: https://hex.pm/api/packages/petal_components (read 2026-10-27)
- maintainer: https://github.com/petalframework/petal_components/blob/main/LICENSE.md (read 2026-10-27)
- language: https://github.com/petalframework/petal_components (read 2026-10-27)
- runtime: https://github.com/petalframework/petal_components (read 2026-10-27)
- category: https://raw.githubusercontent.com/petalframework/petal_components/main/README.md (read 2026-10-27)
- basedOn: https://raw.githubusercontent.com/petalframework/petal_components/main/README.md (read 2026-10-27)
- basedOn: https://raw.githubusercontent.com/petalframework/petal_components/main/README.md (read 2026-10-27)
- installMethod: https://raw.githubusercontent.com/petalframework/petal_components/main/README.md (read 2026-10-27)
- license: https://github.com/petalframework/petal_components/blob/main/LICENSE.md (read 2026-10-27)
- currentMajor: https://hex.pm/api/packages/petal_components (read 2026-10-27)
- latestReleaseDate: https://hex.pm/api/packages/petal_components (read 2026-10-27)
- urls: https://petal.build/pricing (read 2026-10-27)
- githubStargazers: https://github.com/petalframework/petal_components (read 2026-10-27)
- contributors: https://github.com/petalframework/petal_components (read 2026-10-27)
- dependentPackages: https://packages.ecosyste.ms/api/v1/registries/hex.pm/packages/petal_components (read 2026-10-27)
- dependentRepos: https://packages.ecosyste.ms/api/v1/registries/hex.pm/packages/petal_components (read 2026-10-27)

## Notes

Petal Components is a set of HEEx components for Phoenix LiveView apps, styled with Tailwind CSS. A project installs them from Hex with mix, and the Hex package is named petal_components.

## Worth knowing

Some components are marked as available only to Petal Pro members. Petal Pro is a separate paid product, and the license terms page puts it and the other Petal products under a separate license from the MIT-licensed components.

---

Data licensed CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/). Attributes are recorded, never scored; absent means unknown.
Credit, in full: FindSoftware, CC BY 4.0