Skip to content
Filters
Kind
Integration level
Dependencies

No extra packages or services: Svelte and Tailwind CSS prerequisites still apply.

Runtime
Capabilities

Category: Pricing

Components

4 components

  • Price display

    One price, formatted from a number with Intl.NumberFormat for an explicit locale and currency, with an optional From prefix, billing unit and tax qualifier on the amount's baseline, and one full phrase for screen readers.

    • Control
    • No additional dependencies
  • Simple pricing grid

    Compare up to three plans a row and lift the recommended one. Prices, feature lists and buttons line up across cards; each button links to your signup, checkout or contact page.

    • Section
    • No additional dependencies
  • Billing period switcher

    A monthly, quarterly or annual switch for a pricing section: native radios styled as one pill track, a saving note per option, and the chosen period's payment commitment beneath. It changes displayed prices only.

    • Control
    • No additional dependencies
  • Pricing comparison table

    A feature matrix comparing two to five plans across grouped rows. Every cell is included, not included, limited with a note, or a written value, and the highlighted plan runs as one band from header to last row.

    • Section
    • No additional dependencies